@momoi-labs/kiso 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/kiso/ui.css +15 -3
- package/package.json +1 -1
package/kiso/ui.css
CHANGED
|
@@ -819,11 +819,16 @@ pre {
|
|
|
819
819
|
border: 1px solid var(--color-border);
|
|
820
820
|
border-radius: var(--radius-surface);
|
|
821
821
|
background: var(--color-muted);
|
|
822
|
-
|
|
822
|
+
/* The frame no longer scrolls, so it needs an explicit floor to stay
|
|
823
|
+
inside a grid or flex parent when a code line is long. */
|
|
824
|
+
min-inline-size: 0;
|
|
823
825
|
font-size: var(--type-size-label);
|
|
824
826
|
line-height: var(--type-line-height-relaxed);
|
|
825
827
|
}
|
|
826
|
-
|
|
828
|
+
/* Scrolling sits on the inner element, not on `pre`. A scroll container
|
|
829
|
+
scrolls for its own corner marks, which are absolutely positioned outside
|
|
830
|
+
the frame — the same reason `.table-scroll` exists. Write `<pre><code>`. */
|
|
831
|
+
pre code { display: block; overflow-x: auto; padding: 0; background: none; border: 0; }
|
|
827
832
|
|
|
828
833
|
.kv { display: grid; grid-template-columns: minmax(96px, auto) minmax(0, 1fr); gap: var(--spacing-sm) var(--spacing-lg); font-size: var(--type-size-body); }
|
|
829
834
|
.kv dt { color: var(--color-muted-foreground); font-size: var(--type-size-label); }
|
|
@@ -831,16 +836,23 @@ pre code { padding: 0; background: none; border: 0; }
|
|
|
831
836
|
|
|
832
837
|
.logview {
|
|
833
838
|
position: relative;
|
|
839
|
+
display: flex;
|
|
840
|
+
flex-direction: column;
|
|
834
841
|
background: var(--color-neutral-950);
|
|
835
842
|
color: var(--color-neutral-300);
|
|
836
843
|
border: 1px solid var(--color-border);
|
|
837
844
|
border-radius: var(--radius-surface);
|
|
838
845
|
padding: var(--spacing-md);
|
|
846
|
+
min-inline-size: 0;
|
|
839
847
|
font-family: var(--font-mono);
|
|
840
848
|
font-size: var(--type-size-label);
|
|
841
849
|
line-height: var(--type-line-height-relaxed);
|
|
842
|
-
overflow: auto;
|
|
843
850
|
}
|
|
851
|
+
/* The frame is `.logview`, the scroller is `.log-scroll` inside it — same
|
|
852
|
+
split as `.table-wrap` / `.table-scroll`, and for the same reason: a scroll
|
|
853
|
+
container scrolls for the corner marks it draws just outside its own frame.
|
|
854
|
+
Height goes on `.logview`; the scroller takes what is left. */
|
|
855
|
+
.logview > .log-scroll { flex: 1 1 auto; min-block-size: 0; overflow: auto; }
|
|
844
856
|
.logview .log-time { color: var(--color-neutral-600); margin-inline-end: var(--spacing-sm); }
|
|
845
857
|
.logview .log-warn { color: var(--color-warning-on-dark); }
|
|
846
858
|
.logview .log-error{ color: var(--color-danger-on-dark); }
|