interceptor/layout.css at main · user-github-me/interceptor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
/* Shared, keyboard-accessible pane dividers. Stored ratios remain independent
   for horizontal and stacked layouts. Native textarea/table resize is disabled. */
.resizable-panes { display:flex; gap:0; min-width:0; min-height:0; overflow:hidden; }
.resizable-panes > .resizable-pane {
  flex-basis:0 !important; min-width:0 !important; min-height:0 !important;
  max-height:none; max-width:none; resize:none !important; overflow:auto;
}
.resizable-panes > .resizable-pane + .resizable-pane { border:0; }
.resizable-panes > .pane-divider + .resizable-pane { border-left:0; border-top:0; }
.resizable-panes > .table-wrap { resize:none; }
.resizable-panes > .queue { width:auto; border-right:0; max-height:none; }
.pane-divider {
  flex:0 0 8px; align-self:stretch; position:relative; border:0 !important;
  background:var(--panel); touch-action:none; user-select:none; z-index:2;
}
.pane-divider::after {
  content:''; display:block; position:absolute; background:var(--border);
  border-radius:3px; transition:background .12s;
}
.pane-divider[data-axis="x"] { cursor:col-resize; width:8px; min-width:8px; }
.pane-divider[data-axis="x"]::after { width:2px; top:0; bottom:0; left:3px; }
.pane-divider[data-axis="y"] { cursor:row-resize; height:8px; min-height:8px; }
.pane-divider[data-axis="y"]::after { height:2px; left:0; right:0; top:3px; }
.pane-divider:hover::after, .pane-divider:focus-visible::after, .pane-resizing .pane-divider:focus::after { background:var(--accent); }
.pane-divider:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
.pane-resizing, .pane-resizing * { user-select:none !important; }
.pane-resizing[data-resize-axis="x"], .pane-resizing[data-resize-axis="x"] * { cursor:col-resize !important; }
.pane-resizing[data-resize-axis="y"], .pane-resizing[data-resize-axis="y"] * { cursor:row-resize !important; }
.layout-inner-pane { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:auto; }
.layout-comparer-results, .layout-inspector-messages, .layout-collection-sidebar { display:flex; flex-direction:column; min-height:0; }
.layout-comparer-results > .compare-inputs { min-height:0; }
.layout-collection-sidebar .collection-list { max-height:none; min-height:0; }
.layout-collection-sidebar #workspaceVariables { flex:1; min-width:0; min-height:0; }
.layout-collection-sidebar .empty { flex:none; }
#view-builder > .lab-grid.resizable-panes { display:flex; gap:0; overflow:hidden; }
.resizable-panes > .inspector-input { flex-basis:0 !important; }
@media(max-width:900px) {
  #view-builder > .lab-grid.resizable-panes { flex-direction:column; }
  #view-builder > .lab-grid.resizable-panes > .pane { min-height:0; }
}
@media(max-width:760px) {
  .workflow-split.resizable-panes { overflow:hidden; }
  .layout-collection-sidebar.resizable-panes { flex-direction:column; flex-wrap:nowrap; }
  .layout-collection-sidebar .pane-title { display:flex; }
}
@media(prefers-reduced-motion:reduce) { .pane-divider::after { transition:none; } }