flexlayout-react 0.8.18 → 0.9.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/README.md +144 -206
- package/dist/index.js +6451 -6398
- package/package.json +31 -34
- package/style/_base.scss +109 -33
- package/style/_themes.scss +720 -49
- package/style/alpha_dark.css +862 -0
- package/style/alpha_dark.css.map +1 -0
- package/style/alpha_dark.scss +6 -0
- package/style/alpha_light.css +856 -0
- package/style/alpha_light.css.map +1 -0
- package/style/alpha_light.scss +6 -0
- package/style/alpha_rounded.css +811 -0
- package/style/alpha_rounded.css.map +1 -0
- package/style/alpha_rounded.scss +6 -0
- package/style/combined.css +569 -44
- package/style/combined.css.map +1 -1
- package/style/combined.scss +25 -1
- package/style/dark.css +95 -22
- package/style/dark.css.map +1 -1
- package/style/gray.css +96 -23
- package/style/gray.css.map +1 -1
- package/style/light.css +96 -20
- package/style/light.css.map +1 -1
- package/style/rounded.css +107 -25
- package/style/rounded.css.map +1 -1
- package/style/underline.css +99 -22
- package/style/underline.css.map +1 -1
- package/types/index.d.ts +14 -14
- package/types/model/Actions.d.ts +62 -31
- package/types/model/Attributes.d.ts +42 -0
- package/types/model/BorderNode.d.ts +11 -11
- package/types/model/BorderSet.d.ts +2 -2
- package/types/{DropInfo.d.ts → model/DropInfo.d.ts} +2 -2
- package/types/model/IDropTarget.d.ts +2 -2
- package/types/model/IJsonModel.d.ts +70 -48
- package/types/model/Layout.d.ts +41 -0
- package/types/model/Model.d.ts +31 -26
- package/types/model/Node.d.ts +18 -10
- package/types/{Rect.d.ts → model/Rect.d.ts} +6 -3
- package/types/model/RowNode.d.ts +15 -14
- package/types/model/TabNode.d.ts +15 -21
- package/types/model/TabSetNode.d.ts +15 -21
- package/types/view/BorderButton.d.ts +4 -3
- package/types/view/BorderTab.d.ts +3 -3
- package/types/view/BorderTabSet.d.ts +3 -3
- package/types/{Types.d.ts → view/CSSClassNames.d.ts} +9 -2
- package/types/view/DragContainer.d.ts +6 -4
- package/types/view/FloatWindow.d.ts +11 -0
- package/types/{I18nLabel.d.ts → view/I18nLabel.d.ts} +1 -0
- package/types/view/Icons.d.ts +1 -0
- package/types/view/Layout.d.ts +34 -212
- package/types/view/Overlay.d.ts +2 -2
- package/types/view/PopoutWindow.d.ts +6 -6
- package/types/view/PopupMenu.d.ts +2 -2
- package/types/view/Row.d.ts +3 -3
- package/types/view/Splitter.d.ts +2 -4
- package/types/view/Tab.d.ts +3 -4
- package/types/view/TabButton.d.ts +3 -3
- package/types/view/TabButtonStamp.d.ts +3 -3
- package/types/view/TabContentRenderer.d.ts +14 -0
- package/types/view/TabLayout.d.ts +12 -0
- package/types/view/TabOverflowHook.d.ts +3 -3
- package/types/view/TabSet.d.ts +3 -3
- package/types/view/Utils.d.ts +7 -4
- package/types/view/layout/BorderContainer.d.ts +7 -0
- package/types/view/layout/DragDropManager.d.ts +48 -0
- package/types/view/layout/EdgeIndicators.d.ts +5 -0
- package/types/view/layout/FloatingWindowContainer.d.ts +5 -0
- package/types/view/layout/LayoutInternal.d.ts +151 -0
- package/types/view/layout/LayoutTypes.d.ts +51 -0
- package/types/Attribute.d.ts +0 -25
- package/types/AttributeDefinitions.d.ts +0 -18
- package/types/model/Action.d.ts +0 -5
- package/types/model/LayoutWindow.d.ts +0 -44
- package/types/view/SizeTracker.d.ts +0 -13
- /package/types/{DockLocation.d.ts → model/DockLocation.d.ts} +0 -0
- /package/types/{Orientation.d.ts → model/Orientation.d.ts} +0 -0
package/style/light.css
CHANGED
|
@@ -14,14 +14,16 @@
|
|
|
14
14
|
--color-drag2-background: rgba(119, 166, 119, 0.075);
|
|
15
15
|
--font-size: medium;
|
|
16
16
|
--font-family: Roboto, Arial, sans-serif;
|
|
17
|
+
--font-weight: normal;
|
|
18
|
+
--splitter-size: 8px;
|
|
19
|
+
--splitter-active-size: 8px;
|
|
20
|
+
--splitter-handle-visibility: hidden;
|
|
17
21
|
--color-overflow: gray;
|
|
18
22
|
--color-icon: gray;
|
|
19
23
|
--color-tabset-background: var(--color-background);
|
|
20
24
|
--color-tabset-background-selected: var(--color-1);
|
|
21
25
|
--color-tabset-background-maximized: var(--color-2);
|
|
22
26
|
--color-tabset-divider-line: var(--color-4);
|
|
23
|
-
--color-tabset-header-background: var(--color-background);
|
|
24
|
-
--color-tabset-header: var(--color-text);
|
|
25
27
|
--color-border-tab-content: var(--color-background);
|
|
26
28
|
--color-border-background: var(--color-background);
|
|
27
29
|
--color-border-divider-line: var(--color-4);
|
|
@@ -39,12 +41,13 @@
|
|
|
39
41
|
--color-splitter: var(--color-1);
|
|
40
42
|
--color-splitter-hover: var(--color-4);
|
|
41
43
|
--color-splitter-drag: var(--color-4);
|
|
44
|
+
--color-splitter-handle: var(--color-3);
|
|
42
45
|
--color-drag-rect-border: #ccc;
|
|
43
46
|
--color-drag-rect-background: var(--color-5);
|
|
44
47
|
--color-drag-rect: var(--color-text);
|
|
45
48
|
--color-popup-border: var(--color-6);
|
|
46
49
|
--color-popup-unselected: var(--color-text);
|
|
47
|
-
--color-popup-unselected-background:
|
|
50
|
+
--color-popup-unselected-background: var(--color-background);
|
|
48
51
|
--color-popup-selected: var(--color-text);
|
|
49
52
|
--color-popup-selected-background: var(--color-3);
|
|
50
53
|
--color-edge-marker: #aaa;
|
|
@@ -53,6 +56,7 @@
|
|
|
53
56
|
--color-mini-scroll-indicator-hovered: rgba(128, 128, 128, 0.7);
|
|
54
57
|
--size-mini-scroll-indicator: 3px;
|
|
55
58
|
--color-toolbar-button-hover: var(--color-3);
|
|
59
|
+
--color-float-window-header-background: var(--color-tabset-background);
|
|
56
60
|
}
|
|
57
61
|
|
|
58
62
|
/*
|
|
@@ -65,6 +69,7 @@
|
|
|
65
69
|
bottom: 0;
|
|
66
70
|
position: absolute;
|
|
67
71
|
display: flex;
|
|
72
|
+
overflow: hidden;
|
|
68
73
|
background-color: var(--color-background);
|
|
69
74
|
}
|
|
70
75
|
.flexlayout__layout_overlay {
|
|
@@ -81,7 +86,7 @@
|
|
|
81
86
|
z-index: 100;
|
|
82
87
|
display: flex;
|
|
83
88
|
flex-direction: column;
|
|
84
|
-
align-items: start;
|
|
89
|
+
align-items: flex-start;
|
|
85
90
|
}
|
|
86
91
|
.flexlayout__layout_moveables {
|
|
87
92
|
visibility: hidden;
|
|
@@ -119,6 +124,37 @@
|
|
|
119
124
|
background-color: var(--color-splitter);
|
|
120
125
|
touch-action: none;
|
|
121
126
|
z-index: 10;
|
|
127
|
+
position: relative;
|
|
128
|
+
}
|
|
129
|
+
.flexlayout__splitter_horz {
|
|
130
|
+
width: var(--splitter-size);
|
|
131
|
+
min-width: var(--splitter-size);
|
|
132
|
+
}
|
|
133
|
+
.flexlayout__splitter_horz::before {
|
|
134
|
+
content: "";
|
|
135
|
+
position: absolute;
|
|
136
|
+
top: 0;
|
|
137
|
+
bottom: 0;
|
|
138
|
+
/* Center the hit area over the thin line */
|
|
139
|
+
left: 50%;
|
|
140
|
+
width: var(--splitter-active-size);
|
|
141
|
+
transform: translateX(-50%);
|
|
142
|
+
z-index: 1;
|
|
143
|
+
}
|
|
144
|
+
.flexlayout__splitter_vert {
|
|
145
|
+
height: var(--splitter-size);
|
|
146
|
+
min-height: var(--splitter-size);
|
|
147
|
+
}
|
|
148
|
+
.flexlayout__splitter_vert::before {
|
|
149
|
+
content: "";
|
|
150
|
+
position: absolute;
|
|
151
|
+
left: 0;
|
|
152
|
+
right: 0;
|
|
153
|
+
/* Center the hit area over the thin line */
|
|
154
|
+
top: 50%;
|
|
155
|
+
height: var(--splitter-active-size);
|
|
156
|
+
transform: translateY(-50%);
|
|
157
|
+
z-index: 1;
|
|
122
158
|
}
|
|
123
159
|
@media (hover: hover) {
|
|
124
160
|
.flexlayout__splitter:hover {
|
|
@@ -138,8 +174,9 @@
|
|
|
138
174
|
background-color: var(--color-splitter-drag);
|
|
139
175
|
}
|
|
140
176
|
.flexlayout__splitter_handle {
|
|
141
|
-
background-color:
|
|
177
|
+
background-color: var(--color-splitter-handle);
|
|
142
178
|
border-radius: 3px;
|
|
179
|
+
visibility: var(--splitter-handle-visibility);
|
|
143
180
|
}
|
|
144
181
|
.flexlayout__splitter_handle_horz {
|
|
145
182
|
width: 3px;
|
|
@@ -237,25 +274,15 @@
|
|
|
237
274
|
.flexlayout__tabset_leading {
|
|
238
275
|
display: flex;
|
|
239
276
|
}
|
|
240
|
-
.flexlayout__tabset_header {
|
|
241
|
-
display: flex;
|
|
242
|
-
align-items: center;
|
|
243
|
-
padding: 3px 3px 3px 5px;
|
|
244
|
-
box-sizing: border-box;
|
|
245
|
-
border-bottom: 1px solid var(--color-tabset-divider-line);
|
|
246
|
-
color: var(--color-tabset-header);
|
|
247
|
-
background-color: var(--color-tabset-header-background);
|
|
248
|
-
font-size: var(--font-size);
|
|
249
|
-
}
|
|
250
|
-
.flexlayout__tabset_header_content {
|
|
251
|
-
flex-grow: 1;
|
|
252
|
-
}
|
|
253
277
|
.flexlayout__tabset_tabbar_outer {
|
|
254
278
|
box-sizing: border-box;
|
|
255
279
|
background-color: var(--color-tabset-background);
|
|
256
280
|
overflow: hidden;
|
|
257
281
|
display: flex;
|
|
282
|
+
align-items: center;
|
|
283
|
+
min-height: 1.5em;
|
|
258
284
|
font-size: var(--font-size);
|
|
285
|
+
font-weight: var(--font-weight);
|
|
259
286
|
}
|
|
260
287
|
.flexlayout__tabset_tabbar_outer_top {
|
|
261
288
|
padding: 0px 2px 0px 2px;
|
|
@@ -282,6 +309,7 @@
|
|
|
282
309
|
padding-right: 4px;
|
|
283
310
|
box-sizing: border-box;
|
|
284
311
|
white-space: nowrap;
|
|
312
|
+
align-items: center;
|
|
285
313
|
}
|
|
286
314
|
.flexlayout__tabset_tabbar_inner_tab_container_top {
|
|
287
315
|
border-top: 2px solid transparent;
|
|
@@ -326,12 +354,23 @@
|
|
|
326
354
|
bottom: 0;
|
|
327
355
|
background-color: rgba(0, 0, 0, 0.2392156863);
|
|
328
356
|
}
|
|
357
|
+
.flexlayout__tab_layout_container {
|
|
358
|
+
position: relative;
|
|
359
|
+
height: 100%;
|
|
360
|
+
box-sizing: border-box;
|
|
361
|
+
}
|
|
362
|
+
.flexlayout__tab_layout_container_user {
|
|
363
|
+
position: relative;
|
|
364
|
+
flex-grow: 1;
|
|
365
|
+
box-sizing: border-box;
|
|
366
|
+
}
|
|
329
367
|
.flexlayout__tab_button {
|
|
330
368
|
display: flex;
|
|
331
369
|
gap: 0.3em;
|
|
332
370
|
align-items: center;
|
|
333
371
|
box-sizing: border-box;
|
|
334
372
|
padding: 3px 0.5em;
|
|
373
|
+
font-weight: var(--font-weight);
|
|
335
374
|
cursor: pointer;
|
|
336
375
|
}
|
|
337
376
|
.flexlayout__tab_button_stretch {
|
|
@@ -375,6 +414,7 @@
|
|
|
375
414
|
border: none;
|
|
376
415
|
font-family: var(--font-family);
|
|
377
416
|
font-size: var(--font-size);
|
|
417
|
+
font-weight: var(--font-weight);
|
|
378
418
|
color: var(--color-tab-textbox);
|
|
379
419
|
background-color: var(--color-tab-textbox-background);
|
|
380
420
|
border: 1px inset var(--color-1);
|
|
@@ -449,8 +489,9 @@
|
|
|
449
489
|
box-sizing: border-box;
|
|
450
490
|
overflow: hidden;
|
|
451
491
|
display: flex;
|
|
452
|
-
font-size: var(--font-size);
|
|
453
492
|
font-family: var(--font-family);
|
|
493
|
+
font-size: var(--font-size);
|
|
494
|
+
font-weight: var(--font-weight);
|
|
454
495
|
color: var(--color-border);
|
|
455
496
|
background-color: var(--color-border-background);
|
|
456
497
|
}
|
|
@@ -494,6 +535,7 @@
|
|
|
494
535
|
.flexlayout__border_inner_tab_container {
|
|
495
536
|
white-space: nowrap;
|
|
496
537
|
display: flex;
|
|
538
|
+
align-items: center;
|
|
497
539
|
padding-left: 2px;
|
|
498
540
|
padding-right: 2px;
|
|
499
541
|
box-sizing: border-box;
|
|
@@ -520,6 +562,7 @@
|
|
|
520
562
|
margin: 2px 0px;
|
|
521
563
|
box-sizing: border-box;
|
|
522
564
|
white-space: nowrap;
|
|
565
|
+
font-weight: var(--font-weight);
|
|
523
566
|
}
|
|
524
567
|
.flexlayout__border_button--selected {
|
|
525
568
|
background-color: var(--color-border-tab-selected-background);
|
|
@@ -592,6 +635,7 @@
|
|
|
592
635
|
.flexlayout__popup_menu {
|
|
593
636
|
font-size: var(--font-size);
|
|
594
637
|
font-family: var(--font-family);
|
|
638
|
+
font-weight: var(--font-weight);
|
|
595
639
|
}
|
|
596
640
|
.flexlayout__popup_menu_item {
|
|
597
641
|
padding: 2px 0.5em;
|
|
@@ -616,12 +660,43 @@
|
|
|
616
660
|
background: var(--color-popup-unselected-background);
|
|
617
661
|
border-radius: 3px;
|
|
618
662
|
position: absolute;
|
|
619
|
-
z-index:
|
|
663
|
+
z-index: 3000;
|
|
620
664
|
max-height: 50%;
|
|
621
665
|
min-width: 100px;
|
|
622
666
|
overflow: auto;
|
|
623
667
|
padding: 2px;
|
|
624
668
|
}
|
|
669
|
+
.flexlayout__float_window {
|
|
670
|
+
box-sizing: border-box;
|
|
671
|
+
background-color: var(--color-tabset-background);
|
|
672
|
+
border-radius: 5px;
|
|
673
|
+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
|
674
|
+
display: flex;
|
|
675
|
+
flex-direction: column;
|
|
676
|
+
overflow: hidden;
|
|
677
|
+
z-index: 2000;
|
|
678
|
+
}
|
|
679
|
+
.flexlayout__float_window_header {
|
|
680
|
+
display: flex;
|
|
681
|
+
align-items: center;
|
|
682
|
+
padding: 2px 8px;
|
|
683
|
+
background-color: var(--color-float-window-header-background);
|
|
684
|
+
border-bottom: 1px solid var(--color-tabset-divider-line);
|
|
685
|
+
cursor: move;
|
|
686
|
+
user-select: none;
|
|
687
|
+
font-family: var(--font-family);
|
|
688
|
+
font-size: 0.8em;
|
|
689
|
+
min-height: 15px;
|
|
690
|
+
}
|
|
691
|
+
.flexlayout__float_window_content {
|
|
692
|
+
position: relative;
|
|
693
|
+
flex-grow: 1;
|
|
694
|
+
display: flex;
|
|
695
|
+
flex-direction: column;
|
|
696
|
+
min-height: 0;
|
|
697
|
+
min-width: 0;
|
|
698
|
+
margin: 5px;
|
|
699
|
+
}
|
|
625
700
|
.flexlayout__floating_window _body {
|
|
626
701
|
height: 100%;
|
|
627
702
|
}
|
|
@@ -652,6 +727,7 @@
|
|
|
652
727
|
padding-bottom: 5px;
|
|
653
728
|
font-size: var(--font-size);
|
|
654
729
|
font-family: var(--font-family);
|
|
730
|
+
font-weight: var(--font-weight);
|
|
655
731
|
}
|
|
656
732
|
.flexlayout__mini_scrollbar {
|
|
657
733
|
position: absolute;
|
package/style/light.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["_themes.scss","_base.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["_themes.scss","_base.scss"],"names":[],"mappings":"AAsBQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;;;AC5ER;AAAA;AAAA;AAII;EApBJ;EACA;EACA;EACA;EACA;EAkBQ;EACA;EACA;;AAEA;EA1BR;EACA;EACA;EACA;EACA;EAwBY;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAxCR;EACA;EACA;EACA;EAuCY;EACA;;AAIR;EA/CJ;EACA;EACA;EACA;EA8CQ;;AAGJ;EApDJ;EACA;EACA;EACA;EAmDQ;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;;AAIR;EACI;IACI;IACA;IACA;IACA;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EA9LJ;EACA;EACA;EACA;EA6LQ;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA/MR;EACA;EACA;EACA;EA8MY;EACA;EACA;;AAGJ;EACI;;AAGJ;EA1NR;EACA;EACA;EACA;EAyNY;EACA;EACA;;AAGJ;EACI;;AAIA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAMhB;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAKZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;;AAOJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAQR;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAaZ;EACI;EACA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;IAEI;;;AAIR;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AASJ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAYhB;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EAzwBR;EACA;EACA;EACA;EACA;;AA0wBI;EA9wBJ;EACA;EACA;EACA;EACA;EA4wBQ;EACA;;AAGJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;;;;AAMhB;ADpuBA;AAAA;AAAA","file":"light.css"}
|
package/style/rounded.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.flexlayout__layout {
|
|
2
2
|
--color-text: black;
|
|
3
|
-
--color-background: #
|
|
3
|
+
--color-background: #e9eef6;
|
|
4
4
|
--color-base: #f2f6fb;
|
|
5
5
|
--color-1: rgb(230.3, 237.9, 247.4);
|
|
6
6
|
--color-2: rgb(218.6, 229.8, 243.8);
|
|
@@ -9,19 +9,21 @@
|
|
|
9
9
|
--color-5: rgb(183.5, 205.5, 233);
|
|
10
10
|
--color-6: rgb(171.8, 197.4, 229.4);
|
|
11
11
|
--color-drag1: rgb(95, 134, 196);
|
|
12
|
-
--color-drag2:
|
|
12
|
+
--color-drag2: var(--color-drag1);
|
|
13
13
|
--color-drag1-background: rgba(95, 134, 196, 0.1);
|
|
14
|
-
--color-drag2-background:
|
|
14
|
+
--color-drag2-background: var(--color-drag1-background);
|
|
15
15
|
--font-size: medium;
|
|
16
16
|
--font-family: Roboto, Arial, sans-serif;
|
|
17
|
+
--font-weight: normal;
|
|
18
|
+
--splitter-size: 8px;
|
|
19
|
+
--splitter-active-size: 8px;
|
|
20
|
+
--splitter-handle-visibility: hidden;
|
|
17
21
|
--color-overflow: #999db2;
|
|
18
22
|
--color-icon: #999db2;
|
|
19
23
|
--color-tabset-background: white;
|
|
20
24
|
--color-tabset-background-selected: white;
|
|
21
25
|
--color-tabset-background-maximized: white;
|
|
22
26
|
--color-tabset-divider-line: white;
|
|
23
|
-
--color-tabset-header-background: var(--color-background);
|
|
24
|
-
--color-tabset-header: var(--color-text);
|
|
25
27
|
--color-border-tab-content: white;
|
|
26
28
|
--color-border-background: var(--color-background);
|
|
27
29
|
--color-border-divider-line: var(--color-background);
|
|
@@ -39,12 +41,13 @@
|
|
|
39
41
|
--color-splitter: var(--color-background);
|
|
40
42
|
--color-splitter-hover: var(--color-2);
|
|
41
43
|
--color-splitter-drag: var(--color-2);
|
|
44
|
+
--color-splitter-handle: var(--color-3);
|
|
42
45
|
--color-drag-rect-border: #ccc;
|
|
43
46
|
--color-drag-rect-background: var(--color-5);
|
|
44
47
|
--color-drag-rect: var(--color-text);
|
|
45
48
|
--color-popup-border: var(--color-6);
|
|
46
49
|
--color-popup-unselected: var(--color-text);
|
|
47
|
-
--color-popup-unselected-background:
|
|
50
|
+
--color-popup-unselected-background: var(--color-background);
|
|
48
51
|
--color-popup-selected: var(--color-text);
|
|
49
52
|
--color-popup-selected-background: var(--color-3);
|
|
50
53
|
--color-edge-marker: #a6bbdf;
|
|
@@ -53,6 +56,9 @@
|
|
|
53
56
|
--color-mini-scroll-indicator-hovered: rgba(180, 200, 230, 0.7);
|
|
54
57
|
--size-mini-scroll-indicator: 4px;
|
|
55
58
|
--color-toolbar-button-hover: var(--color-2);
|
|
59
|
+
--tab-button-radius: 10px;
|
|
60
|
+
--border-button-radius: 10px;
|
|
61
|
+
--color-float-window-header-background: var(--color-tabset-background);
|
|
56
62
|
}
|
|
57
63
|
|
|
58
64
|
/*
|
|
@@ -65,6 +71,7 @@
|
|
|
65
71
|
bottom: 0;
|
|
66
72
|
position: absolute;
|
|
67
73
|
display: flex;
|
|
74
|
+
overflow: hidden;
|
|
68
75
|
background-color: var(--color-background);
|
|
69
76
|
}
|
|
70
77
|
.flexlayout__layout_overlay {
|
|
@@ -81,7 +88,7 @@
|
|
|
81
88
|
z-index: 100;
|
|
82
89
|
display: flex;
|
|
83
90
|
flex-direction: column;
|
|
84
|
-
align-items: start;
|
|
91
|
+
align-items: flex-start;
|
|
85
92
|
}
|
|
86
93
|
.flexlayout__layout_moveables {
|
|
87
94
|
visibility: hidden;
|
|
@@ -119,6 +126,37 @@
|
|
|
119
126
|
background-color: var(--color-splitter);
|
|
120
127
|
touch-action: none;
|
|
121
128
|
z-index: 10;
|
|
129
|
+
position: relative;
|
|
130
|
+
}
|
|
131
|
+
.flexlayout__splitter_horz {
|
|
132
|
+
width: var(--splitter-size);
|
|
133
|
+
min-width: var(--splitter-size);
|
|
134
|
+
}
|
|
135
|
+
.flexlayout__splitter_horz::before {
|
|
136
|
+
content: "";
|
|
137
|
+
position: absolute;
|
|
138
|
+
top: 0;
|
|
139
|
+
bottom: 0;
|
|
140
|
+
/* Center the hit area over the thin line */
|
|
141
|
+
left: 50%;
|
|
142
|
+
width: var(--splitter-active-size);
|
|
143
|
+
transform: translateX(-50%);
|
|
144
|
+
z-index: 1;
|
|
145
|
+
}
|
|
146
|
+
.flexlayout__splitter_vert {
|
|
147
|
+
height: var(--splitter-size);
|
|
148
|
+
min-height: var(--splitter-size);
|
|
149
|
+
}
|
|
150
|
+
.flexlayout__splitter_vert::before {
|
|
151
|
+
content: "";
|
|
152
|
+
position: absolute;
|
|
153
|
+
left: 0;
|
|
154
|
+
right: 0;
|
|
155
|
+
/* Center the hit area over the thin line */
|
|
156
|
+
top: 50%;
|
|
157
|
+
height: var(--splitter-active-size);
|
|
158
|
+
transform: translateY(-50%);
|
|
159
|
+
z-index: 1;
|
|
122
160
|
}
|
|
123
161
|
@media (hover: hover) {
|
|
124
162
|
.flexlayout__splitter:hover {
|
|
@@ -138,8 +176,9 @@
|
|
|
138
176
|
background-color: var(--color-splitter-drag);
|
|
139
177
|
}
|
|
140
178
|
.flexlayout__splitter_handle {
|
|
141
|
-
background-color:
|
|
179
|
+
background-color: var(--color-splitter-handle);
|
|
142
180
|
border-radius: 3px;
|
|
181
|
+
visibility: var(--splitter-handle-visibility);
|
|
143
182
|
}
|
|
144
183
|
.flexlayout__splitter_handle_horz {
|
|
145
184
|
width: 3px;
|
|
@@ -237,25 +276,15 @@
|
|
|
237
276
|
.flexlayout__tabset_leading {
|
|
238
277
|
display: flex;
|
|
239
278
|
}
|
|
240
|
-
.flexlayout__tabset_header {
|
|
241
|
-
display: flex;
|
|
242
|
-
align-items: center;
|
|
243
|
-
padding: 3px 3px 3px 5px;
|
|
244
|
-
box-sizing: border-box;
|
|
245
|
-
border-bottom: 1px solid var(--color-tabset-divider-line);
|
|
246
|
-
color: var(--color-tabset-header);
|
|
247
|
-
background-color: var(--color-tabset-header-background);
|
|
248
|
-
font-size: var(--font-size);
|
|
249
|
-
}
|
|
250
|
-
.flexlayout__tabset_header_content {
|
|
251
|
-
flex-grow: 1;
|
|
252
|
-
}
|
|
253
279
|
.flexlayout__tabset_tabbar_outer {
|
|
254
280
|
box-sizing: border-box;
|
|
255
281
|
background-color: var(--color-tabset-background);
|
|
256
282
|
overflow: hidden;
|
|
257
283
|
display: flex;
|
|
284
|
+
align-items: center;
|
|
285
|
+
min-height: 1.5em;
|
|
258
286
|
font-size: var(--font-size);
|
|
287
|
+
font-weight: var(--font-weight);
|
|
259
288
|
}
|
|
260
289
|
.flexlayout__tabset_tabbar_outer_top {
|
|
261
290
|
padding: 0px 2px 0px 2px;
|
|
@@ -282,6 +311,7 @@
|
|
|
282
311
|
padding-right: 4px;
|
|
283
312
|
box-sizing: border-box;
|
|
284
313
|
white-space: nowrap;
|
|
314
|
+
align-items: center;
|
|
285
315
|
}
|
|
286
316
|
.flexlayout__tabset_tabbar_inner_tab_container_top {
|
|
287
317
|
border-top: 2px solid transparent;
|
|
@@ -326,12 +356,23 @@
|
|
|
326
356
|
bottom: 0;
|
|
327
357
|
background-color: rgba(0, 0, 0, 0.2392156863);
|
|
328
358
|
}
|
|
359
|
+
.flexlayout__tab_layout_container {
|
|
360
|
+
position: relative;
|
|
361
|
+
height: 100%;
|
|
362
|
+
box-sizing: border-box;
|
|
363
|
+
}
|
|
364
|
+
.flexlayout__tab_layout_container_user {
|
|
365
|
+
position: relative;
|
|
366
|
+
flex-grow: 1;
|
|
367
|
+
box-sizing: border-box;
|
|
368
|
+
}
|
|
329
369
|
.flexlayout__tab_button {
|
|
330
370
|
display: flex;
|
|
331
371
|
gap: 0.3em;
|
|
332
372
|
align-items: center;
|
|
333
373
|
box-sizing: border-box;
|
|
334
374
|
padding: 3px 0.5em;
|
|
375
|
+
font-weight: var(--font-weight);
|
|
335
376
|
cursor: pointer;
|
|
336
377
|
}
|
|
337
378
|
.flexlayout__tab_button_stretch {
|
|
@@ -375,6 +416,7 @@
|
|
|
375
416
|
border: none;
|
|
376
417
|
font-family: var(--font-family);
|
|
377
418
|
font-size: var(--font-size);
|
|
419
|
+
font-weight: var(--font-weight);
|
|
378
420
|
color: var(--color-tab-textbox);
|
|
379
421
|
background-color: var(--color-tab-textbox-background);
|
|
380
422
|
border: 1px inset var(--color-1);
|
|
@@ -449,8 +491,9 @@
|
|
|
449
491
|
box-sizing: border-box;
|
|
450
492
|
overflow: hidden;
|
|
451
493
|
display: flex;
|
|
452
|
-
font-size: var(--font-size);
|
|
453
494
|
font-family: var(--font-family);
|
|
495
|
+
font-size: var(--font-size);
|
|
496
|
+
font-weight: var(--font-weight);
|
|
454
497
|
color: var(--color-border);
|
|
455
498
|
background-color: var(--color-border-background);
|
|
456
499
|
}
|
|
@@ -494,6 +537,7 @@
|
|
|
494
537
|
.flexlayout__border_inner_tab_container {
|
|
495
538
|
white-space: nowrap;
|
|
496
539
|
display: flex;
|
|
540
|
+
align-items: center;
|
|
497
541
|
padding-left: 2px;
|
|
498
542
|
padding-right: 2px;
|
|
499
543
|
box-sizing: border-box;
|
|
@@ -520,6 +564,7 @@
|
|
|
520
564
|
margin: 2px 0px;
|
|
521
565
|
box-sizing: border-box;
|
|
522
566
|
white-space: nowrap;
|
|
567
|
+
font-weight: var(--font-weight);
|
|
523
568
|
}
|
|
524
569
|
.flexlayout__border_button--selected {
|
|
525
570
|
background-color: var(--color-border-tab-selected-background);
|
|
@@ -592,6 +637,7 @@
|
|
|
592
637
|
.flexlayout__popup_menu {
|
|
593
638
|
font-size: var(--font-size);
|
|
594
639
|
font-family: var(--font-family);
|
|
640
|
+
font-weight: var(--font-weight);
|
|
595
641
|
}
|
|
596
642
|
.flexlayout__popup_menu_item {
|
|
597
643
|
padding: 2px 0.5em;
|
|
@@ -616,12 +662,43 @@
|
|
|
616
662
|
background: var(--color-popup-unselected-background);
|
|
617
663
|
border-radius: 3px;
|
|
618
664
|
position: absolute;
|
|
619
|
-
z-index:
|
|
665
|
+
z-index: 3000;
|
|
620
666
|
max-height: 50%;
|
|
621
667
|
min-width: 100px;
|
|
622
668
|
overflow: auto;
|
|
623
669
|
padding: 2px;
|
|
624
670
|
}
|
|
671
|
+
.flexlayout__float_window {
|
|
672
|
+
box-sizing: border-box;
|
|
673
|
+
background-color: var(--color-tabset-background);
|
|
674
|
+
border-radius: 5px;
|
|
675
|
+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
|
676
|
+
display: flex;
|
|
677
|
+
flex-direction: column;
|
|
678
|
+
overflow: hidden;
|
|
679
|
+
z-index: 2000;
|
|
680
|
+
}
|
|
681
|
+
.flexlayout__float_window_header {
|
|
682
|
+
display: flex;
|
|
683
|
+
align-items: center;
|
|
684
|
+
padding: 2px 8px;
|
|
685
|
+
background-color: var(--color-float-window-header-background);
|
|
686
|
+
border-bottom: 1px solid var(--color-tabset-divider-line);
|
|
687
|
+
cursor: move;
|
|
688
|
+
user-select: none;
|
|
689
|
+
font-family: var(--font-family);
|
|
690
|
+
font-size: 0.8em;
|
|
691
|
+
min-height: 15px;
|
|
692
|
+
}
|
|
693
|
+
.flexlayout__float_window_content {
|
|
694
|
+
position: relative;
|
|
695
|
+
flex-grow: 1;
|
|
696
|
+
display: flex;
|
|
697
|
+
flex-direction: column;
|
|
698
|
+
min-height: 0;
|
|
699
|
+
min-width: 0;
|
|
700
|
+
margin: 5px;
|
|
701
|
+
}
|
|
625
702
|
.flexlayout__floating_window _body {
|
|
626
703
|
height: 100%;
|
|
627
704
|
}
|
|
@@ -652,6 +729,7 @@
|
|
|
652
729
|
padding-bottom: 5px;
|
|
653
730
|
font-size: var(--font-size);
|
|
654
731
|
font-family: var(--font-family);
|
|
732
|
+
font-weight: var(--font-weight);
|
|
655
733
|
}
|
|
656
734
|
.flexlayout__mini_scrollbar {
|
|
657
735
|
position: absolute;
|
|
@@ -700,8 +778,12 @@
|
|
|
700
778
|
.flexlayout__border_tab_contents {
|
|
701
779
|
border-radius: 10px;
|
|
702
780
|
}
|
|
703
|
-
.flexlayout__tab_button
|
|
704
|
-
border-radius:
|
|
781
|
+
.flexlayout__tab_button {
|
|
782
|
+
border-radius: var(--tab-button-radius);
|
|
783
|
+
padding: 2px 0.8em;
|
|
784
|
+
}
|
|
785
|
+
.flexlayout__border_button {
|
|
786
|
+
border-radius: var(--border-button-radius);
|
|
705
787
|
padding: 2px 0.8em;
|
|
706
788
|
}
|
|
707
789
|
.flexlayout__tabset_tabbar_outer_top {
|
package/style/rounded.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["_themes.scss","_base.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["_themes.scss","_base.scss"],"names":[],"mappings":"AAmhBQ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;;;AC7kBR;AAAA;AAAA;AAII;EApBJ;EACA;EACA;EACA;EACA;EAkBQ;EACA;EACA;;AAEA;EA1BR;EACA;EACA;EACA;EACA;EAwBY;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAxCR;EACA;EACA;EACA;EAuCY;EACA;;AAIR;EA/CJ;EACA;EACA;EACA;EA8CQ;;AAGJ;EApDJ;EACA;EACA;EACA;EAmDQ;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;;AAIR;EACI;IACI;IACA;IACA;IACA;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EA9LJ;EACA;EACA;EACA;EA6LQ;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA/MR;EACA;EACA;EACA;EA8MY;EACA;EACA;;AAGJ;EACI;;AAGJ;EA1NR;EACA;EACA;EACA;EAyNY;EACA;EACA;;AAGJ;EACI;;AAIA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAMhB;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAKZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;;AAOJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAQR;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAaZ;EACI;EACA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;IAEI;;;AAIR;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AASJ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAYhB;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EAzwBR;EACA;EACA;EACA;EACA;;AA0wBI;EA9wBJ;EACA;EACA;EACA;EACA;EA4wBQ;EACA;;AAGJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;;;;AAMhB;ADlOA;AAAA;AAAA;AAII;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI","file":"rounded.css"}
|