flexlayout-react 0.6.7 → 0.6.10
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/.github/ISSUE_TEMPLATE/bug_report.yml +104 -0
- package/.github/ISSUE_TEMPLATE/config.yml +5 -0
- package/ChangeLog.txt +9 -0
- package/README.md +10 -0
- package/declarations/Types.d.ts +1 -0
- package/declarations/view/Layout.d.ts +3 -0
- package/dist/flexlayout.js +6 -6
- package/dist/flexlayout.js.zip +0 -0
- package/dist/flexlayout_min.js +1 -1
- package/dist/flexlayout_min.js.zip +0 -0
- package/lib/Types.js +1 -0
- package/lib/Types.js.map +1 -1
- package/lib/model/Node.js +13 -8
- package/lib/model/Node.js.map +1 -1
- package/lib/model/TabSetNode.js +4 -1
- package/lib/model/TabSetNode.js.map +1 -1
- package/lib/view/Layout.js +8 -2
- package/lib/view/Layout.js.map +1 -1
- package/lib/view/TabOverflowHook.js +1 -1
- package/lib/view/TabOverflowHook.js.map +1 -1
- package/lib/view/TabSet.js +28 -11
- package/lib/view/TabSet.js.map +1 -1
- package/package.json +1 -1
- package/src/Types.ts +1 -0
- package/src/model/Node.ts +11 -7
- package/src/model/TabSetNode.ts +4 -1
- package/src/view/Layout.tsx +13 -2
- package/src/view/TabOverflowHook.tsx +1 -1
- package/src/view/TabSet.tsx +25 -9
- package/style/_base.scss +9 -6
- package/style/dark.css +8 -6
- package/style/dark.css.map +1 -1
- package/style/gray.css +8 -6
- package/style/gray.css.map +1 -1
- package/style/light.css +8 -6
- package/style/light.css.map +1 -1
- package/style/underline.css +8 -6
- package/style/underline.css.map +1 -1
package/src/view/Layout.tsx
CHANGED
|
@@ -39,6 +39,7 @@ export type ShowOverflowMenuCallback = (
|
|
|
39
39
|
items: { index: number; node: TabNode }[],
|
|
40
40
|
onSelect: (item: { index: number; node: TabNode }) => void,
|
|
41
41
|
) => void;
|
|
42
|
+
export type TabSetPlaceHolderCallback = (node: TabSetNode) => React.ReactNode;
|
|
42
43
|
|
|
43
44
|
export interface ILayoutProps {
|
|
44
45
|
model: Model;
|
|
@@ -83,6 +84,7 @@ export interface ILayoutProps {
|
|
|
83
84
|
onContextMenu?: NodeMouseEvent;
|
|
84
85
|
onAuxMouseClick?: NodeMouseEvent;
|
|
85
86
|
onShowOverflowMenu?: ShowOverflowMenuCallback;
|
|
87
|
+
onTabSetPlaceHolder?: TabSetPlaceHolderCallback;
|
|
86
88
|
}
|
|
87
89
|
export interface IFontValues {
|
|
88
90
|
size?: string;
|
|
@@ -93,6 +95,7 @@ export interface IFontValues {
|
|
|
93
95
|
|
|
94
96
|
export interface ITabSetRenderValues {
|
|
95
97
|
headerContent?: React.ReactNode;
|
|
98
|
+
centerContent?: React.ReactNode;
|
|
96
99
|
stickyButtons: React.ReactNode[];
|
|
97
100
|
buttons: React.ReactNode[];
|
|
98
101
|
headerButtons: React.ReactNode[];
|
|
@@ -187,6 +190,7 @@ export interface ILayoutCallbacks {
|
|
|
187
190
|
showPortal: (portal: React.ReactNode, portalDiv: HTMLDivElement) => void;
|
|
188
191
|
hidePortal: () => void;
|
|
189
192
|
getShowOverflowMenu(): ShowOverflowMenuCallback | undefined;
|
|
193
|
+
getTabSetPlaceHolderCallback() : TabSetPlaceHolderCallback | undefined;
|
|
190
194
|
}
|
|
191
195
|
|
|
192
196
|
// Popout windows work in latest browsers based on webkit (Chrome, Opera, Safari, latest Edge) and Firefox. They do
|
|
@@ -829,7 +833,7 @@ export class Layout extends React.Component<ILayoutProps, ILayoutState> {
|
|
|
829
833
|
onClick?: (event: Event) => void,
|
|
830
834
|
onDoubleClick?: (event: Event) => void
|
|
831
835
|
) => {
|
|
832
|
-
if (
|
|
836
|
+
if (!allowDrag) {
|
|
833
837
|
DragDrop.instance.startDrag(event, undefined, undefined, undefined, undefined, onClick, onDoubleClick, this.currentDocument, this.selfRef.current!);
|
|
834
838
|
} else {
|
|
835
839
|
this.dragNode = node;
|
|
@@ -907,7 +911,9 @@ export class Layout extends React.Component<ILayoutProps, ILayoutState> {
|
|
|
907
911
|
rootdiv.appendChild(this.dragDiv);
|
|
908
912
|
}
|
|
909
913
|
// add edge indicators
|
|
910
|
-
this.
|
|
914
|
+
if (this.props.model.getMaximizedTabset() === undefined) {
|
|
915
|
+
this.showEdges(rootdiv);
|
|
916
|
+
}
|
|
911
917
|
|
|
912
918
|
if (this.dragNode !== undefined && this.dragNode instanceof TabNode && this.dragNode.getTabRect() !== undefined) {
|
|
913
919
|
this.dragNode.getTabRect()!.positionElement(this.outlineDiv);
|
|
@@ -1235,6 +1241,11 @@ export class Layout extends React.Component<ILayoutProps, ILayoutState> {
|
|
|
1235
1241
|
getShowOverflowMenu() {
|
|
1236
1242
|
return this.props.onShowOverflowMenu;
|
|
1237
1243
|
}
|
|
1244
|
+
|
|
1245
|
+
/** @internal */
|
|
1246
|
+
getTabSetPlaceHolderCallback() {
|
|
1247
|
+
return this.props.onTabSetPlaceHolder;
|
|
1248
|
+
}
|
|
1238
1249
|
/** @internal */
|
|
1239
1250
|
showContextMenu(node: TabNode | TabSetNode | BorderNode, event: React.MouseEvent<HTMLElement, MouseEvent>) {
|
|
1240
1251
|
if (this.props.onContextMenu) {
|
|
@@ -33,7 +33,7 @@ export const useTabOverflow = (
|
|
|
33
33
|
|
|
34
34
|
React.useEffect(() => {
|
|
35
35
|
const instance = selfRef.current!;
|
|
36
|
-
instance.addEventListener('wheel', onWheel);
|
|
36
|
+
instance.addEventListener('wheel', onWheel, { passive: false });
|
|
37
37
|
return () => {
|
|
38
38
|
instance.removeEventListener('wheel', onWheel);
|
|
39
39
|
}
|
package/src/view/TabSet.tsx
CHANGED
|
@@ -67,7 +67,11 @@ export const TabSet = (props: ITabSetProps) => {
|
|
|
67
67
|
layout.doAction(Actions.setActiveTabset(node.getId()));
|
|
68
68
|
if (!layout.getEditingTab()) {
|
|
69
69
|
const message = layout.i18nName(I18nLabel.Move_Tabset, name);
|
|
70
|
-
|
|
70
|
+
if (node.getModel().getMaximizedTabset() !== undefined) {
|
|
71
|
+
layout.dragStart(event, message, node, false, (event2: Event) => undefined, onDoubleClick);
|
|
72
|
+
} else {
|
|
73
|
+
layout.dragStart(event, message, node, node.isEnableDrag(), (event2: Event) => undefined, onDoubleClick);
|
|
74
|
+
}
|
|
71
75
|
}
|
|
72
76
|
}
|
|
73
77
|
};
|
|
@@ -329,12 +333,6 @@ export const TabSet = (props: ITabSetProps) => {
|
|
|
329
333
|
}
|
|
330
334
|
|
|
331
335
|
const tabStripStyle: { [key: string]: string } = { height: node.getTabStripHeight() + "px" };
|
|
332
|
-
if (node.getTabLocation() === "top") {
|
|
333
|
-
const top = showHeader ? node.getHeaderHeight() + "px" : "0px";
|
|
334
|
-
tabStripStyle["top"] = top;
|
|
335
|
-
} else {
|
|
336
|
-
tabStripStyle["bottom"] = "0px";
|
|
337
|
-
}
|
|
338
336
|
tabStrip = (
|
|
339
337
|
<div className={tabStripClasses} style={tabStripStyle}
|
|
340
338
|
data-layout-path={path + "/tabstrip"}
|
|
@@ -357,6 +355,25 @@ export const TabSet = (props: ITabSetProps) => {
|
|
|
357
355
|
|
|
358
356
|
style = layout.styleFont(style);
|
|
359
357
|
|
|
358
|
+
var placeHolder: React.ReactNode = undefined;
|
|
359
|
+
if (node.getChildren().length === 0) {
|
|
360
|
+
const placeHolderCallback = layout.getTabSetPlaceHolderCallback();
|
|
361
|
+
if (placeHolderCallback) {
|
|
362
|
+
placeHolder = placeHolderCallback(node);
|
|
363
|
+
}
|
|
364
|
+
}
|
|
365
|
+
|
|
366
|
+
const center = <div className={cm(CLASSES.FLEXLAYOUT__TABSET_CONTENT)}>
|
|
367
|
+
{placeHolder}
|
|
368
|
+
</div>
|
|
369
|
+
|
|
370
|
+
var content;
|
|
371
|
+
if (node.getTabLocation() === "top") {
|
|
372
|
+
content = <>{header}{tabStrip}{center}</>;
|
|
373
|
+
} else {
|
|
374
|
+
content = <>{header}{center}{tabStrip}</>;
|
|
375
|
+
}
|
|
376
|
+
|
|
360
377
|
return (
|
|
361
378
|
<div ref={selfRef}
|
|
362
379
|
dir="ltr"
|
|
@@ -364,8 +381,7 @@ export const TabSet = (props: ITabSetProps) => {
|
|
|
364
381
|
style={style}
|
|
365
382
|
className={cm(CLASSES.FLEXLAYOUT__TABSET)}
|
|
366
383
|
onWheel={onMouseWheel}>
|
|
367
|
-
{
|
|
368
|
-
{tabStrip}
|
|
384
|
+
{content}
|
|
369
385
|
</div>
|
|
370
386
|
);
|
|
371
387
|
};
|
package/style/_base.scss
CHANGED
|
@@ -89,6 +89,8 @@
|
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
&__tabset {
|
|
92
|
+
display: flex;
|
|
93
|
+
flex-direction: column;
|
|
92
94
|
overflow: hidden;
|
|
93
95
|
background-color: var(--color-tabset-background);
|
|
94
96
|
box-sizing: border-box;
|
|
@@ -101,13 +103,17 @@
|
|
|
101
103
|
@include tabset_tab_divider_mixin;
|
|
102
104
|
}
|
|
103
105
|
|
|
106
|
+
&_content {
|
|
107
|
+
display: flex;
|
|
108
|
+
flex-grow: 1;
|
|
109
|
+
align-items: center;
|
|
110
|
+
justify-content: center;
|
|
111
|
+
}
|
|
112
|
+
|
|
104
113
|
&_header {
|
|
105
114
|
// tabset header bar
|
|
106
|
-
position: absolute;
|
|
107
115
|
display: flex;
|
|
108
116
|
align-items: center;
|
|
109
|
-
left: 0;
|
|
110
|
-
right: 0;
|
|
111
117
|
padding: 3px 3px 3px 5px;
|
|
112
118
|
box-sizing: border-box;
|
|
113
119
|
border-bottom: 1px solid var(--color-tabset-divider-line);
|
|
@@ -125,9 +131,6 @@
|
|
|
125
131
|
// tabset tabbar outer
|
|
126
132
|
box-sizing: border-box;
|
|
127
133
|
background-color: var(--color-tabset-background);
|
|
128
|
-
position: absolute;
|
|
129
|
-
left: 0;
|
|
130
|
-
right: 0;
|
|
131
134
|
overflow: hidden;
|
|
132
135
|
display: flex;
|
|
133
136
|
@include tabset_tabbar_mixin;
|
package/style/dark.css
CHANGED
|
@@ -121,6 +121,8 @@
|
|
|
121
121
|
font-family: var(--font-family);
|
|
122
122
|
}
|
|
123
123
|
.flexlayout__tabset {
|
|
124
|
+
display: flex;
|
|
125
|
+
flex-direction: column;
|
|
124
126
|
overflow: hidden;
|
|
125
127
|
background-color: var(--color-tabset-background);
|
|
126
128
|
box-sizing: border-box;
|
|
@@ -130,12 +132,15 @@
|
|
|
130
132
|
.flexlayout__tabset_tab_divider {
|
|
131
133
|
width: 4px;
|
|
132
134
|
}
|
|
135
|
+
.flexlayout__tabset_content {
|
|
136
|
+
display: flex;
|
|
137
|
+
flex-grow: 1;
|
|
138
|
+
align-items: center;
|
|
139
|
+
justify-content: center;
|
|
140
|
+
}
|
|
133
141
|
.flexlayout__tabset_header {
|
|
134
|
-
position: absolute;
|
|
135
142
|
display: flex;
|
|
136
143
|
align-items: center;
|
|
137
|
-
left: 0;
|
|
138
|
-
right: 0;
|
|
139
144
|
padding: 3px 3px 3px 5px;
|
|
140
145
|
box-sizing: border-box;
|
|
141
146
|
border-bottom: 1px solid var(--color-tabset-divider-line);
|
|
@@ -149,9 +154,6 @@
|
|
|
149
154
|
.flexlayout__tabset_tabbar_outer {
|
|
150
155
|
box-sizing: border-box;
|
|
151
156
|
background-color: var(--color-tabset-background);
|
|
152
|
-
position: absolute;
|
|
153
|
-
left: 0;
|
|
154
|
-
right: 0;
|
|
155
157
|
overflow: hidden;
|
|
156
158
|
display: flex;
|
|
157
159
|
}
|
package/style/dark.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["dark.scss","_base.scss"],"names":[],"mappings":"AAkBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;;;AClEJ;EARA;EACA;EACA;EACA;EACA;EAMI;;AAGJ;EACI;;AAGA;EACI;IACI;IACA;IACA;;;AAIR;EACI;;AAGJ;EACI;EACA;ED+HR;;AC5HI;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["dark.scss","_base.scss"],"names":[],"mappings":"AAkBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;;;AClEJ;EARA;EACA;EACA;EACA;EACA;EAMI;;AAGJ;EACI;;AAGA;EACI;IACI;IACA;IACA;;;AAIR;EACI;;AAGJ;EACI;EACA;ED+HR;;AC5HI;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;ED7BR;;ACgCQ;EACI;;AAKJ;EAEI;EACA;EACA;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EACI;EDhFR;;ACoFI;EACI;EDjFR;;ACsFA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EAEA;;AAGA;EACI;EACA;;AAGJ;EACI;IACI;IACA;;;AAKR;EACI;EACA;;AAIJ;ED9HR;EACA;EACA;;ACgIQ;ED5HR;EACA;EACA;;AC8HQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDtIZ;;AC8IQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ID9KhB;;;ACgMQ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ED5SR;EACA;;AC8SQ;EACI;EACA;;AAGJ;EACI;IACI;IACA;ID5ShB;;;ACiTQ;EACI;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDtVZ;;AC8VQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ID/XhB;;;ACuYY;EACI;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EArkBJ;EACA;EACA;EACA;EACA;;AAqkBI;EACI;EA1kBR;EACA;EACA;EACA;EACA;EAykBQ;EACA;EACA;;AAIR;EAnlBA;EACA;EACA;EACA;EACA;EAilBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"dark.css"}
|
package/style/gray.css
CHANGED
|
@@ -121,6 +121,8 @@
|
|
|
121
121
|
font-family: var(--font-family);
|
|
122
122
|
}
|
|
123
123
|
.flexlayout__tabset {
|
|
124
|
+
display: flex;
|
|
125
|
+
flex-direction: column;
|
|
124
126
|
overflow: hidden;
|
|
125
127
|
background-color: var(--color-tabset-background);
|
|
126
128
|
box-sizing: border-box;
|
|
@@ -130,12 +132,15 @@
|
|
|
130
132
|
.flexlayout__tabset_tab_divider {
|
|
131
133
|
width: 4px;
|
|
132
134
|
}
|
|
135
|
+
.flexlayout__tabset_content {
|
|
136
|
+
display: flex;
|
|
137
|
+
flex-grow: 1;
|
|
138
|
+
align-items: center;
|
|
139
|
+
justify-content: center;
|
|
140
|
+
}
|
|
133
141
|
.flexlayout__tabset_header {
|
|
134
|
-
position: absolute;
|
|
135
142
|
display: flex;
|
|
136
143
|
align-items: center;
|
|
137
|
-
left: 0;
|
|
138
|
-
right: 0;
|
|
139
144
|
padding: 3px 3px 3px 5px;
|
|
140
145
|
box-sizing: border-box;
|
|
141
146
|
border-bottom: 1px solid var(--color-tabset-divider-line);
|
|
@@ -149,9 +154,6 @@
|
|
|
149
154
|
.flexlayout__tabset_tabbar_outer {
|
|
150
155
|
box-sizing: border-box;
|
|
151
156
|
background-color: var(--color-tabset-background);
|
|
152
|
-
position: absolute;
|
|
153
|
-
left: 0;
|
|
154
|
-
right: 0;
|
|
155
157
|
overflow: hidden;
|
|
156
158
|
display: flex;
|
|
157
159
|
}
|
package/style/gray.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["gray.scss","_base.scss"],"names":[],"mappings":"AAiBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;;;ACjEJ;EARA;EACA;EACA;EACA;EACA;EAMI;;AAGJ;EACI;;AAGA;EACI;IACI;IACA;IACA;;;AAIR;EACI;;AAGJ;EACI;EACA;ED8HR;;AC3HI;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["gray.scss","_base.scss"],"names":[],"mappings":"AAiBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;;;ACjEJ;EARA;EACA;EACA;EACA;EACA;EAMI;;AAGJ;EACI;;AAGA;EACI;IACI;IACA;IACA;;;AAIR;EACI;;AAGJ;EACI;EACA;ED8HR;;AC3HI;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;ED3BR;;AC8BQ;EACI;;AAKJ;EAEI;EACA;EACA;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EACI;ED9ER;;ACkFI;EACI;ED/ER;;ACoFA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EAEA;;AAGA;EACI;EACA;;AAGJ;EACI;IACI;IACA;;;AAKR;EACI;EACA;;AAIJ;ED5HR;EACA;EACA;;AC8HQ;ED1HR;EACA;EACA;;AC4HQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AASJ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAoBJ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ED5SR;EACA;;AC8SQ;EACI;EACA;;AAGJ;EACI;IACI;IACA;;;AAKR;EACI;EACA;;AAIJ;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;;AAUA;EACI;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EArkBJ;EACA;EACA;EACA;EACA;;AAqkBI;EACI;EA1kBR;EACA;EACA;EACA;EACA;EAykBQ;EACA;EACA;;AAIR;EAnlBA;EACA;EACA;EACA;EACA;EAilBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"gray.css"}
|
package/style/light.css
CHANGED
|
@@ -120,6 +120,8 @@
|
|
|
120
120
|
font-family: var(--font-family);
|
|
121
121
|
}
|
|
122
122
|
.flexlayout__tabset {
|
|
123
|
+
display: flex;
|
|
124
|
+
flex-direction: column;
|
|
123
125
|
overflow: hidden;
|
|
124
126
|
background-color: var(--color-tabset-background);
|
|
125
127
|
box-sizing: border-box;
|
|
@@ -129,12 +131,15 @@
|
|
|
129
131
|
.flexlayout__tabset_tab_divider {
|
|
130
132
|
width: 4px;
|
|
131
133
|
}
|
|
134
|
+
.flexlayout__tabset_content {
|
|
135
|
+
display: flex;
|
|
136
|
+
flex-grow: 1;
|
|
137
|
+
align-items: center;
|
|
138
|
+
justify-content: center;
|
|
139
|
+
}
|
|
132
140
|
.flexlayout__tabset_header {
|
|
133
|
-
position: absolute;
|
|
134
141
|
display: flex;
|
|
135
142
|
align-items: center;
|
|
136
|
-
left: 0;
|
|
137
|
-
right: 0;
|
|
138
143
|
padding: 3px 3px 3px 5px;
|
|
139
144
|
box-sizing: border-box;
|
|
140
145
|
border-bottom: 1px solid var(--color-tabset-divider-line);
|
|
@@ -147,9 +152,6 @@
|
|
|
147
152
|
.flexlayout__tabset_tabbar_outer {
|
|
148
153
|
box-sizing: border-box;
|
|
149
154
|
background-color: var(--color-tabset-background);
|
|
150
|
-
position: absolute;
|
|
151
|
-
left: 0;
|
|
152
|
-
right: 0;
|
|
153
155
|
overflow: hidden;
|
|
154
156
|
display: flex;
|
|
155
157
|
}
|
package/style/light.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["light.scss","_base.scss"],"names":[],"mappings":"AAkBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;;;AClEJ;EARA;EACA;EACA;EACA;EACA;EAMI;;AAGJ;EACI;;AAGA;EACI;IACI;IACA;IACA;;;AAIR;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["light.scss","_base.scss"],"names":[],"mappings":"AAkBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;;;AClEJ;EARA;EACA;EACA;EACA;EACA;EAMI;;AAGJ;EACI;;AAGA;EACI;IACI;IACA;IACA;;;AAIR;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EACI;;AAIJ;EACI;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EAEA;;AAGA;EACI;EACA;;AAGJ;EACI;IACI;IACA;;;AAKR;EACI;EACA;EDtHZ;;ACkIQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDtJZ;;AC8JQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ID9LhB;;;ACgNQ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;;AAGJ;EACI;IACI;IACA;;;AAKR;EACI;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDtWZ;;AC8WQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ID/YhB;;;ACuZY;EACI;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EArkBJ;EACA;EACA;EACA;EACA;;AAqkBI;EACI;EA1kBR;EACA;EACA;EACA;EACA;EAykBQ;EACA;EACA;;AAIR;EAnlBA;EACA;EACA;EACA;EACA;EAilBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"light.css"}
|
package/style/underline.css
CHANGED
|
@@ -122,6 +122,8 @@
|
|
|
122
122
|
font-family: var(--font-family);
|
|
123
123
|
}
|
|
124
124
|
.flexlayout__tabset {
|
|
125
|
+
display: flex;
|
|
126
|
+
flex-direction: column;
|
|
125
127
|
overflow: hidden;
|
|
126
128
|
background-color: var(--color-tabset-background);
|
|
127
129
|
box-sizing: border-box;
|
|
@@ -134,12 +136,15 @@
|
|
|
134
136
|
margin: 4px 6px 4px 6px;
|
|
135
137
|
border-left: 1px solid #ddd;
|
|
136
138
|
}
|
|
139
|
+
.flexlayout__tabset_content {
|
|
140
|
+
display: flex;
|
|
141
|
+
flex-grow: 1;
|
|
142
|
+
align-items: center;
|
|
143
|
+
justify-content: center;
|
|
144
|
+
}
|
|
137
145
|
.flexlayout__tabset_header {
|
|
138
|
-
position: absolute;
|
|
139
146
|
display: flex;
|
|
140
147
|
align-items: center;
|
|
141
|
-
left: 0;
|
|
142
|
-
right: 0;
|
|
143
148
|
padding: 3px 3px 3px 5px;
|
|
144
149
|
box-sizing: border-box;
|
|
145
150
|
border-bottom: 1px solid var(--color-tabset-divider-line);
|
|
@@ -152,9 +157,6 @@
|
|
|
152
157
|
.flexlayout__tabset_tabbar_outer {
|
|
153
158
|
box-sizing: border-box;
|
|
154
159
|
background-color: var(--color-tabset-background);
|
|
155
|
-
position: absolute;
|
|
156
|
-
left: 0;
|
|
157
|
-
right: 0;
|
|
158
160
|
overflow: hidden;
|
|
159
161
|
display: flex;
|
|
160
162
|
}
|
package/style/underline.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["underline.scss","_base.scss"],"names":[],"mappings":"AAkBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;;;ACrEJ;EARA;EACA;EACA;EACA;EACA;EAMI;;AAGJ;EACI;;AAGA;EACI;IACI;IACA;IACA;;;AAIR;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGA;EACI;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["underline.scss","_base.scss"],"names":[],"mappings":"AAkBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;;;ACrEJ;EARA;EACA;EACA;EACA;EACA;EAMI;;AAGJ;EACI;;AAGA;EACI;IACI;IACA;IACA;;;AAIR;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EDuDR;EACA;EACA;;ACrDI;EACI;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EACI;;AAIJ;EACI;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EAEA;;AAGA;EACI;EACA;EDzGZ;;AC4GQ;EACI;IACI;IACA;IDvGhB;;;AC4GQ;EACI;EACA;EDlHZ;;AC8HQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDjJZ;;ACyJQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IDzLhB;;;AC2MQ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;EDxQR;EACA;EACA;;AC0QI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EDtTZ;;ACyTQ;EACI;IACI;IACA;IDrThB;;;AC0TQ;EACI;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDjWZ;;ACyWQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ID1YhB;;;ACkZY;EACI;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EArkBJ;EACA;EACA;EACA;EACA;;AAqkBI;EACI;EA1kBR;EACA;EACA;EACA;EACA;EAykBQ;EACA;EACA;;AAIR;EAnlBA;EACA;EACA;EACA;EACA;EAilBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;;AD3cR;EACI","file":"underline.css"}
|