@genesis-community/golden-layout 2.6.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/LICENSE +21 -0
- package/README.md +24 -0
- package/dist/cjs/index.js +40 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/ts/config/config.js +870 -0
- package/dist/cjs/ts/config/config.js.map +1 -0
- package/dist/cjs/ts/config/resolved-config.js +477 -0
- package/dist/cjs/ts/config/resolved-config.js.map +1 -0
- package/dist/cjs/ts/container/component-container.js +412 -0
- package/dist/cjs/ts/container/component-container.js.map +1 -0
- package/dist/cjs/ts/controls/browser-popout.js +298 -0
- package/dist/cjs/ts/controls/browser-popout.js.map +1 -0
- package/dist/cjs/ts/controls/drag-proxy.js +221 -0
- package/dist/cjs/ts/controls/drag-proxy.js.map +1 -0
- package/dist/cjs/ts/controls/drag-source.js +149 -0
- package/dist/cjs/ts/controls/drag-source.js.map +1 -0
- package/dist/cjs/ts/controls/drop-target-indicator.js +31 -0
- package/dist/cjs/ts/controls/drop-target-indicator.js.map +1 -0
- package/dist/cjs/ts/controls/header-button.js +34 -0
- package/dist/cjs/ts/controls/header-button.js.map +1 -0
- package/dist/cjs/ts/controls/header.js +366 -0
- package/dist/cjs/ts/controls/header.js.map +1 -0
- package/dist/cjs/ts/controls/splitter.js +42 -0
- package/dist/cjs/ts/controls/splitter.js.map +1 -0
- package/dist/cjs/ts/controls/tab.js +262 -0
- package/dist/cjs/ts/controls/tab.js.map +1 -0
- package/dist/cjs/ts/controls/tabs-container.js +236 -0
- package/dist/cjs/ts/controls/tabs-container.js.map +1 -0
- package/dist/cjs/ts/controls/transition-indicator.js +64 -0
- package/dist/cjs/ts/controls/transition-indicator.js.map +1 -0
- package/dist/cjs/ts/errors/external-error.js +46 -0
- package/dist/cjs/ts/errors/external-error.js.map +1 -0
- package/dist/cjs/ts/errors/internal-error.js +38 -0
- package/dist/cjs/ts/errors/internal-error.js.map +1 -0
- package/dist/cjs/ts/golden-layout.js +299 -0
- package/dist/cjs/ts/golden-layout.js.map +1 -0
- package/dist/cjs/ts/items/component-item.js +190 -0
- package/dist/cjs/ts/items/component-item.js.map +1 -0
- package/dist/cjs/ts/items/component-parentable-item.js +18 -0
- package/dist/cjs/ts/items/component-parentable-item.js.map +1 -0
- package/dist/cjs/ts/items/content-item.js +414 -0
- package/dist/cjs/ts/items/content-item.js.map +1 -0
- package/dist/cjs/ts/items/ground-item.js +352 -0
- package/dist/cjs/ts/items/ground-item.js.map +1 -0
- package/dist/cjs/ts/items/row-or-column.js +609 -0
- package/dist/cjs/ts/items/row-or-column.js.map +1 -0
- package/dist/cjs/ts/items/stack.js +841 -0
- package/dist/cjs/ts/items/stack.js.map +1 -0
- package/dist/cjs/ts/layout-manager.js +1618 -0
- package/dist/cjs/ts/layout-manager.js.map +1 -0
- package/dist/cjs/ts/utils/config-minifier.js +218 -0
- package/dist/cjs/ts/utils/config-minifier.js.map +1 -0
- package/dist/cjs/ts/utils/dom-constants.js +3 -0
- package/dist/cjs/ts/utils/dom-constants.js.map +1 -0
- package/dist/cjs/ts/utils/drag-listener.js +132 -0
- package/dist/cjs/ts/utils/drag-listener.js.map +1 -0
- package/dist/cjs/ts/utils/event-emitter.js +201 -0
- package/dist/cjs/ts/utils/event-emitter.js.map +1 -0
- package/dist/cjs/ts/utils/event-hub.js +135 -0
- package/dist/cjs/ts/utils/event-hub.js.map +1 -0
- package/dist/cjs/ts/utils/i18n-strings.js +74 -0
- package/dist/cjs/ts/utils/i18n-strings.js.map +1 -0
- package/dist/cjs/ts/utils/jquery-legacy.js +15 -0
- package/dist/cjs/ts/utils/jquery-legacy.js.map +1 -0
- package/dist/cjs/ts/utils/style-constants.js +11 -0
- package/dist/cjs/ts/utils/style-constants.js.map +1 -0
- package/dist/cjs/ts/utils/types.js +94 -0
- package/dist/cjs/ts/utils/types.js.map +1 -0
- package/dist/cjs/ts/utils/utils.js +211 -0
- package/dist/cjs/ts/utils/utils.js.map +1 -0
- package/dist/cjs/ts/virtual-layout.js +247 -0
- package/dist/cjs/ts/virtual-layout.js.map +1 -0
- package/dist/css/goldenlayout-base.css +319 -0
- package/dist/css/themes/goldenlayout-borderless-dark-theme.css +136 -0
- package/dist/css/themes/goldenlayout-dark-theme.css +139 -0
- package/dist/css/themes/goldenlayout-light-theme.css +129 -0
- package/dist/css/themes/goldenlayout-soda-theme.css +126 -0
- package/dist/css/themes/goldenlayout-translucent-theme.css +152 -0
- package/dist/esm/index.js +21 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/ts/config/config.js +864 -0
- package/dist/esm/ts/config/config.js.map +1 -0
- package/dist/esm/ts/config/resolved-config.js +474 -0
- package/dist/esm/ts/config/resolved-config.js.map +1 -0
- package/dist/esm/ts/container/component-container.js +408 -0
- package/dist/esm/ts/container/component-container.js.map +1 -0
- package/dist/esm/ts/controls/browser-popout.js +294 -0
- package/dist/esm/ts/controls/browser-popout.js.map +1 -0
- package/dist/esm/ts/controls/drag-proxy.js +217 -0
- package/dist/esm/ts/controls/drag-proxy.js.map +1 -0
- package/dist/esm/ts/controls/drag-source.js +145 -0
- package/dist/esm/ts/controls/drag-source.js.map +1 -0
- package/dist/esm/ts/controls/drop-target-indicator.js +27 -0
- package/dist/esm/ts/controls/drop-target-indicator.js.map +1 -0
- package/dist/esm/ts/controls/header-button.js +30 -0
- package/dist/esm/ts/controls/header-button.js.map +1 -0
- package/dist/esm/ts/controls/header.js +362 -0
- package/dist/esm/ts/controls/header.js.map +1 -0
- package/dist/esm/ts/controls/splitter.js +38 -0
- package/dist/esm/ts/controls/splitter.js.map +1 -0
- package/dist/esm/ts/controls/tab.js +258 -0
- package/dist/esm/ts/controls/tab.js.map +1 -0
- package/dist/esm/ts/controls/tabs-container.js +232 -0
- package/dist/esm/ts/controls/tabs-container.js.map +1 -0
- package/dist/esm/ts/controls/transition-indicator.js +60 -0
- package/dist/esm/ts/controls/transition-indicator.js.map +1 -0
- package/dist/esm/ts/errors/external-error.js +38 -0
- package/dist/esm/ts/errors/external-error.js.map +1 -0
- package/dist/esm/ts/errors/internal-error.js +31 -0
- package/dist/esm/ts/errors/internal-error.js.map +1 -0
- package/dist/esm/ts/golden-layout.js +295 -0
- package/dist/esm/ts/golden-layout.js.map +1 -0
- package/dist/esm/ts/items/component-item.js +186 -0
- package/dist/esm/ts/items/component-item.js.map +1 -0
- package/dist/esm/ts/items/component-parentable-item.js +14 -0
- package/dist/esm/ts/items/component-parentable-item.js.map +1 -0
- package/dist/esm/ts/items/content-item.js +410 -0
- package/dist/esm/ts/items/content-item.js.map +1 -0
- package/dist/esm/ts/items/ground-item.js +348 -0
- package/dist/esm/ts/items/ground-item.js.map +1 -0
- package/dist/esm/ts/items/row-or-column.js +605 -0
- package/dist/esm/ts/items/row-or-column.js.map +1 -0
- package/dist/esm/ts/items/stack.js +837 -0
- package/dist/esm/ts/items/stack.js.map +1 -0
- package/dist/esm/ts/layout-manager.js +1614 -0
- package/dist/esm/ts/layout-manager.js.map +1 -0
- package/dist/esm/ts/utils/config-minifier.js +215 -0
- package/dist/esm/ts/utils/config-minifier.js.map +1 -0
- package/dist/esm/ts/utils/dom-constants.js +2 -0
- package/dist/esm/ts/utils/dom-constants.js.map +1 -0
- package/dist/esm/ts/utils/drag-listener.js +128 -0
- package/dist/esm/ts/utils/drag-listener.js.map +1 -0
- package/dist/esm/ts/utils/event-emitter.js +197 -0
- package/dist/esm/ts/utils/event-emitter.js.map +1 -0
- package/dist/esm/ts/utils/event-hub.js +131 -0
- package/dist/esm/ts/utils/event-hub.js.map +1 -0
- package/dist/esm/ts/utils/i18n-strings.js +71 -0
- package/dist/esm/ts/utils/i18n-strings.js.map +1 -0
- package/dist/esm/ts/utils/jquery-legacy.js +11 -0
- package/dist/esm/ts/utils/jquery-legacy.js.map +1 -0
- package/dist/esm/ts/utils/style-constants.js +8 -0
- package/dist/esm/ts/utils/style-constants.js.map +1 -0
- package/dist/esm/ts/utils/types.js +91 -0
- package/dist/esm/ts/utils/types.js.map +1 -0
- package/dist/esm/ts/utils/utils.js +191 -0
- package/dist/esm/ts/utils/utils.js.map +1 -0
- package/dist/esm/ts/virtual-layout.js +243 -0
- package/dist/esm/ts/virtual-layout.js.map +1 -0
- package/dist/img/lm_close_black.png +0 -0
- package/dist/img/lm_close_tab_white.png +0 -0
- package/dist/img/lm_close_white.png +0 -0
- package/dist/img/lm_maximise_black.png +0 -0
- package/dist/img/lm_maximise_white.png +0 -0
- package/dist/img/lm_minimize_black.png +0 -0
- package/dist/img/lm_minimize_white.png +0 -0
- package/dist/img/lm_popin_black.png +0 -0
- package/dist/img/lm_popin_white.png +0 -0
- package/dist/img/lm_popout_black.png +0 -0
- package/dist/img/lm_popout_white.png +0 -0
- package/dist/less/goldenlayout-base.less +422 -0
- package/dist/less/themes/goldenlayout-borderless-dark-theme.less +230 -0
- package/dist/less/themes/goldenlayout-dark-theme.less +233 -0
- package/dist/less/themes/goldenlayout-light-theme.less +223 -0
- package/dist/less/themes/goldenlayout-soda-theme.less +211 -0
- package/dist/less/themes/goldenlayout-translucent-theme.less +237 -0
- package/dist/scss/goldenlayout-base.scss +422 -0
- package/dist/scss/themes/_goldenlayout-var-theme.scss +232 -0
- package/dist/types/golden-layout-untrimmed.d.ts +3428 -0
- package/dist/types/index.d.ts +2246 -0
- package/dist/types/tsdoc-metadata.json +11 -0
- package/package.json +107 -0
- package/src/TOOLCHAIN.md +54 -0
- package/src/img/lm_close_black.png +0 -0
- package/src/img/lm_close_tab_white.png +0 -0
- package/src/img/lm_close_white.png +0 -0
- package/src/img/lm_maximise_black.png +0 -0
- package/src/img/lm_maximise_white.png +0 -0
- package/src/img/lm_minimize_black.png +0 -0
- package/src/img/lm_minimize_white.png +0 -0
- package/src/img/lm_popin_black.png +0 -0
- package/src/img/lm_popin_white.png +0 -0
- package/src/img/lm_popout_black.png +0 -0
- package/src/img/lm_popout_white.png +0 -0
- package/src/index.ts +21 -0
- package/src/less/goldenlayout-base.less +422 -0
- package/src/less/themes/goldenlayout-borderless-dark-theme.less +230 -0
- package/src/less/themes/goldenlayout-dark-theme.less +233 -0
- package/src/less/themes/goldenlayout-light-theme.less +223 -0
- package/src/less/themes/goldenlayout-soda-theme.less +211 -0
- package/src/less/themes/goldenlayout-translucent-theme.less +237 -0
- package/src/scss/goldenlayout-base.scss +422 -0
- package/src/scss/themes/_goldenlayout-var-theme.scss +232 -0
- package/src/ts/config/config.ts +1283 -0
- package/src/ts/config/resolved-config.ts +621 -0
- package/src/ts/container/component-container.ts +500 -0
- package/src/ts/controls/browser-popout.ts +325 -0
- package/src/ts/controls/drag-proxy.ts +259 -0
- package/src/ts/controls/drag-source.ts +167 -0
- package/src/ts/controls/drop-target-indicator.ts +35 -0
- package/src/ts/controls/header-button.ts +39 -0
- package/src/ts/controls/header.ts +483 -0
- package/src/ts/controls/splitter.ts +50 -0
- package/src/ts/controls/tab.ts +293 -0
- package/src/ts/controls/tabs-container.ts +281 -0
- package/src/ts/controls/transition-indicator.ts +78 -0
- package/src/ts/errors/external-error.ts +39 -0
- package/src/ts/errors/internal-error.ts +34 -0
- package/src/ts/golden-layout.ts +365 -0
- package/src/ts/items/component-item.ts +252 -0
- package/src/ts/items/component-parentable-item.ts +16 -0
- package/src/ts/items/content-item.ts +513 -0
- package/src/ts/items/ground-item.ts +404 -0
- package/src/ts/items/row-or-column.ts +707 -0
- package/src/ts/items/stack.ts +975 -0
- package/src/ts/layout-manager.ts +1862 -0
- package/src/ts/utils/config-minifier.ts +235 -0
- package/src/ts/utils/dom-constants.ts +44 -0
- package/src/ts/utils/drag-listener.ts +178 -0
- package/src/ts/utils/event-emitter.ts +275 -0
- package/src/ts/utils/event-hub.ts +163 -0
- package/src/ts/utils/i18n-strings.ts +96 -0
- package/src/ts/utils/jquery-legacy.ts +12 -0
- package/src/ts/utils/style-constants.ts +6 -0
- package/src/ts/utils/types.ts +145 -0
- package/src/ts/utils/utils.ts +206 -0
- package/src/ts/virtual-layout.ts +328 -0
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
.lm_goldenlayout {
|
|
2
|
+
background: #000000;
|
|
3
|
+
}
|
|
4
|
+
.lm_content {
|
|
5
|
+
background: #222222;
|
|
6
|
+
}
|
|
7
|
+
.lm_dragProxy .lm_content {
|
|
8
|
+
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
|
|
9
|
+
}
|
|
10
|
+
.lm_dropTargetIndicator {
|
|
11
|
+
box-shadow: inset 0 0 30px #000000;
|
|
12
|
+
outline: 1px dashed #cccccc;
|
|
13
|
+
}
|
|
14
|
+
.lm_dropTargetIndicator .lm_inner {
|
|
15
|
+
background: #000000;
|
|
16
|
+
opacity: 0.2;
|
|
17
|
+
}
|
|
18
|
+
.lm_splitter {
|
|
19
|
+
background: #000000;
|
|
20
|
+
opacity: 0.001;
|
|
21
|
+
transition: opacity 200ms ease;
|
|
22
|
+
}
|
|
23
|
+
.lm_splitter:hover,
|
|
24
|
+
.lm_splitter.lm_dragging {
|
|
25
|
+
background: #444444;
|
|
26
|
+
opacity: 1;
|
|
27
|
+
}
|
|
28
|
+
.lm_header {
|
|
29
|
+
height: 20px;
|
|
30
|
+
}
|
|
31
|
+
.lm_header .lm_tab {
|
|
32
|
+
font-family: Arial, sans-serif;
|
|
33
|
+
font-size: 12px;
|
|
34
|
+
color: #999999;
|
|
35
|
+
background: #111111;
|
|
36
|
+
margin-right: 2px;
|
|
37
|
+
padding-bottom: 2px;
|
|
38
|
+
padding-top: 2px;
|
|
39
|
+
/*.lm_title // Present in LIGHT Theme
|
|
40
|
+
{
|
|
41
|
+
padding-top:1px;
|
|
42
|
+
}*/
|
|
43
|
+
}
|
|
44
|
+
.lm_header .lm_tab .lm_close_tab {
|
|
45
|
+
width: 11px;
|
|
46
|
+
height: 11px;
|
|
47
|
+
background-image: url('../../img/lm_close_white.png');
|
|
48
|
+
background-position: center center;
|
|
49
|
+
background-repeat: no-repeat;
|
|
50
|
+
top: 4px;
|
|
51
|
+
right: 6px;
|
|
52
|
+
opacity: 0.4;
|
|
53
|
+
}
|
|
54
|
+
.lm_header .lm_tab .lm_close_tab:hover {
|
|
55
|
+
opacity: 1;
|
|
56
|
+
}
|
|
57
|
+
.lm_header .lm_tab.lm_active {
|
|
58
|
+
border-bottom: none;
|
|
59
|
+
padding-bottom: 3px;
|
|
60
|
+
}
|
|
61
|
+
.lm_header .lm_tab.lm_active .lm_close_tab {
|
|
62
|
+
opacity: 1;
|
|
63
|
+
}
|
|
64
|
+
.lm_header .lm_tab.lm_active.lm_focused {
|
|
65
|
+
background-color: #354be3;
|
|
66
|
+
}
|
|
67
|
+
.lm_dragProxy.lm_right .lm_header .lm_tab.lm_active,
|
|
68
|
+
.lm_stack.lm_right .lm_header .lm_tab.lm_active {
|
|
69
|
+
box-shadow: 2px -2px 2px #000000;
|
|
70
|
+
}
|
|
71
|
+
.lm_dragProxy.lm_bottom .lm_header .lm_tab,
|
|
72
|
+
.lm_stack.lm_bottom .lm_header .lm_tab {
|
|
73
|
+
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
|
|
74
|
+
}
|
|
75
|
+
.lm_dragProxy.lm_bottom .lm_header .lm_tab.lm_active,
|
|
76
|
+
.lm_stack.lm_bottom .lm_header .lm_tab.lm_active {
|
|
77
|
+
box-shadow: 0 2px 2px #000000;
|
|
78
|
+
}
|
|
79
|
+
.lm_selected .lm_header {
|
|
80
|
+
background-color: #452500;
|
|
81
|
+
}
|
|
82
|
+
.lm_tab:hover,
|
|
83
|
+
.lm_tab.lm_active {
|
|
84
|
+
background: #222222;
|
|
85
|
+
color: #dddddd;
|
|
86
|
+
}
|
|
87
|
+
.lm_header .lm_controls .lm_tabdropdown:before {
|
|
88
|
+
color: #ffffff;
|
|
89
|
+
}
|
|
90
|
+
.lm_controls > * {
|
|
91
|
+
position: relative;
|
|
92
|
+
background-position: center center;
|
|
93
|
+
background-repeat: no-repeat;
|
|
94
|
+
opacity: 0.4;
|
|
95
|
+
transition: opacity 300ms ease;
|
|
96
|
+
}
|
|
97
|
+
.lm_controls > *:hover {
|
|
98
|
+
opacity: 1;
|
|
99
|
+
}
|
|
100
|
+
.lm_controls .lm_popout {
|
|
101
|
+
background-image: url('../../img/lm_popout_white.png');
|
|
102
|
+
}
|
|
103
|
+
.lm_controls .lm_maximise {
|
|
104
|
+
background-image: url('../../img/lm_maximise_white.png');
|
|
105
|
+
}
|
|
106
|
+
.lm_controls .lm_close {
|
|
107
|
+
background-image: url('../../img/lm_close_white.png');
|
|
108
|
+
}
|
|
109
|
+
.lm_maximised .lm_header {
|
|
110
|
+
background-color: #000000;
|
|
111
|
+
}
|
|
112
|
+
.lm_maximised .lm_controls .lm_maximise {
|
|
113
|
+
background-image: url('../../img/lm_minimize_white.png');
|
|
114
|
+
}
|
|
115
|
+
.lm_transition_indicator {
|
|
116
|
+
background-color: #000000;
|
|
117
|
+
border: 1px dashed #555555;
|
|
118
|
+
}
|
|
119
|
+
.lm_popin {
|
|
120
|
+
cursor: pointer;
|
|
121
|
+
}
|
|
122
|
+
.lm_popin .lm_bg {
|
|
123
|
+
background: #ffffff;
|
|
124
|
+
opacity: 0.3;
|
|
125
|
+
}
|
|
126
|
+
.lm_popin .lm_icon {
|
|
127
|
+
background-image: url('../../img/lm_popin_white.png');
|
|
128
|
+
background-position: center center;
|
|
129
|
+
background-repeat: no-repeat;
|
|
130
|
+
border-left: 1px solid #eeeeee;
|
|
131
|
+
border-top: 1px solid #eeeeee;
|
|
132
|
+
opacity: 0.7;
|
|
133
|
+
}
|
|
134
|
+
.lm_popin:hover .lm_icon {
|
|
135
|
+
opacity: 1;
|
|
136
|
+
}
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
.lm_goldenlayout {
|
|
2
|
+
background: #000000;
|
|
3
|
+
}
|
|
4
|
+
.lm_content {
|
|
5
|
+
background: #222222;
|
|
6
|
+
border: 1px solid transparent;
|
|
7
|
+
}
|
|
8
|
+
.lm_dragProxy .lm_content {
|
|
9
|
+
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
|
|
10
|
+
}
|
|
11
|
+
.lm_dropTargetIndicator {
|
|
12
|
+
box-shadow: inset 0 0 30px #000000;
|
|
13
|
+
outline: 1px dashed #cccccc;
|
|
14
|
+
}
|
|
15
|
+
.lm_dropTargetIndicator .lm_inner {
|
|
16
|
+
background: #000000;
|
|
17
|
+
opacity: 0.2;
|
|
18
|
+
}
|
|
19
|
+
.lm_splitter {
|
|
20
|
+
background: #000000;
|
|
21
|
+
opacity: 0.001;
|
|
22
|
+
transition: opacity 200ms ease;
|
|
23
|
+
}
|
|
24
|
+
.lm_splitter:hover,
|
|
25
|
+
.lm_splitter.lm_dragging {
|
|
26
|
+
background: #444444;
|
|
27
|
+
opacity: 1;
|
|
28
|
+
}
|
|
29
|
+
.lm_header {
|
|
30
|
+
height: 20px;
|
|
31
|
+
}
|
|
32
|
+
.lm_header .lm_tab {
|
|
33
|
+
font-family: Arial, sans-serif;
|
|
34
|
+
font-size: 12px;
|
|
35
|
+
color: #999999;
|
|
36
|
+
background: #111111;
|
|
37
|
+
box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.3);
|
|
38
|
+
margin-right: 2px;
|
|
39
|
+
padding-bottom: 2px;
|
|
40
|
+
padding-top: 2px;
|
|
41
|
+
/*.lm_title // Present in LIGHT Theme
|
|
42
|
+
{
|
|
43
|
+
padding-top:1px;
|
|
44
|
+
}*/
|
|
45
|
+
}
|
|
46
|
+
.lm_header .lm_tab .lm_close_tab {
|
|
47
|
+
width: 11px;
|
|
48
|
+
height: 11px;
|
|
49
|
+
background-image: url('../../img/lm_close_white.png');
|
|
50
|
+
background-position: center center;
|
|
51
|
+
background-repeat: no-repeat;
|
|
52
|
+
top: 4px;
|
|
53
|
+
right: 6px;
|
|
54
|
+
opacity: 0.4;
|
|
55
|
+
}
|
|
56
|
+
.lm_header .lm_tab .lm_close_tab:hover {
|
|
57
|
+
opacity: 1;
|
|
58
|
+
}
|
|
59
|
+
.lm_header .lm_tab.lm_active {
|
|
60
|
+
border-bottom: none;
|
|
61
|
+
box-shadow: 0 -2px 2px #000000;
|
|
62
|
+
padding-bottom: 3px;
|
|
63
|
+
}
|
|
64
|
+
.lm_header .lm_tab.lm_active .lm_close_tab {
|
|
65
|
+
opacity: 1;
|
|
66
|
+
}
|
|
67
|
+
.lm_header .lm_tab.lm_active.lm_focused {
|
|
68
|
+
background-color: #354be3;
|
|
69
|
+
}
|
|
70
|
+
.lm_dragProxy.lm_right .lm_header .lm_tab.lm_active,
|
|
71
|
+
.lm_stack.lm_right .lm_header .lm_tab.lm_active {
|
|
72
|
+
box-shadow: 2px -2px 2px #000000;
|
|
73
|
+
}
|
|
74
|
+
.lm_dragProxy.lm_bottom .lm_header .lm_tab,
|
|
75
|
+
.lm_stack.lm_bottom .lm_header .lm_tab {
|
|
76
|
+
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
|
|
77
|
+
}
|
|
78
|
+
.lm_dragProxy.lm_bottom .lm_header .lm_tab.lm_active,
|
|
79
|
+
.lm_stack.lm_bottom .lm_header .lm_tab.lm_active {
|
|
80
|
+
box-shadow: 0 2px 2px #000000;
|
|
81
|
+
}
|
|
82
|
+
.lm_selected .lm_header {
|
|
83
|
+
background-color: #452500;
|
|
84
|
+
}
|
|
85
|
+
.lm_tab:hover,
|
|
86
|
+
.lm_tab.lm_active {
|
|
87
|
+
background: #222222;
|
|
88
|
+
color: #dddddd;
|
|
89
|
+
}
|
|
90
|
+
.lm_header .lm_controls .lm_tabdropdown:before {
|
|
91
|
+
color: #ffffff;
|
|
92
|
+
}
|
|
93
|
+
.lm_controls > * {
|
|
94
|
+
position: relative;
|
|
95
|
+
background-position: center center;
|
|
96
|
+
background-repeat: no-repeat;
|
|
97
|
+
opacity: 0.4;
|
|
98
|
+
transition: opacity 300ms ease;
|
|
99
|
+
}
|
|
100
|
+
.lm_controls > *:hover {
|
|
101
|
+
opacity: 1;
|
|
102
|
+
}
|
|
103
|
+
.lm_controls .lm_popout {
|
|
104
|
+
background-image: url('../../img/lm_popout_white.png');
|
|
105
|
+
}
|
|
106
|
+
.lm_controls .lm_maximise {
|
|
107
|
+
background-image: url('../../img/lm_maximise_white.png');
|
|
108
|
+
}
|
|
109
|
+
.lm_controls .lm_close {
|
|
110
|
+
background-image: url('../../img/lm_close_white.png');
|
|
111
|
+
}
|
|
112
|
+
.lm_maximised .lm_header {
|
|
113
|
+
background-color: #000000;
|
|
114
|
+
}
|
|
115
|
+
.lm_maximised .lm_controls .lm_maximise {
|
|
116
|
+
background-image: url('../../img/lm_minimize_white.png');
|
|
117
|
+
}
|
|
118
|
+
.lm_transition_indicator {
|
|
119
|
+
background-color: #000000;
|
|
120
|
+
border: 1px dashed #555555;
|
|
121
|
+
}
|
|
122
|
+
.lm_popin {
|
|
123
|
+
cursor: pointer;
|
|
124
|
+
}
|
|
125
|
+
.lm_popin .lm_bg {
|
|
126
|
+
background: #ffffff;
|
|
127
|
+
opacity: 0.3;
|
|
128
|
+
}
|
|
129
|
+
.lm_popin .lm_icon {
|
|
130
|
+
background-image: url('../../img/lm_popin_white.png');
|
|
131
|
+
background-position: center center;
|
|
132
|
+
background-repeat: no-repeat;
|
|
133
|
+
border-left: 1px solid #eeeeee;
|
|
134
|
+
border-top: 1px solid #eeeeee;
|
|
135
|
+
opacity: 0.7;
|
|
136
|
+
}
|
|
137
|
+
.lm_popin:hover .lm_icon {
|
|
138
|
+
opacity: 1;
|
|
139
|
+
}
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
.lm_goldenlayout {
|
|
2
|
+
background: #f4f4f4;
|
|
3
|
+
}
|
|
4
|
+
.lm_content {
|
|
5
|
+
background: #e1e1e1;
|
|
6
|
+
border: 1px solid #cccccc;
|
|
7
|
+
}
|
|
8
|
+
.lm_dragProxy .lm_content {
|
|
9
|
+
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
|
|
10
|
+
}
|
|
11
|
+
.lm_dropTargetIndicator {
|
|
12
|
+
box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4);
|
|
13
|
+
outline: 1px dashed #cccccc;
|
|
14
|
+
}
|
|
15
|
+
.lm_dropTargetIndicator .lm_inner {
|
|
16
|
+
background: #000000;
|
|
17
|
+
opacity: 0.1;
|
|
18
|
+
}
|
|
19
|
+
.lm_splitter {
|
|
20
|
+
background: #999999;
|
|
21
|
+
opacity: 0.001;
|
|
22
|
+
transition: opacity 200ms ease;
|
|
23
|
+
}
|
|
24
|
+
.lm_splitter:hover,
|
|
25
|
+
.lm_splitter.lm_dragging {
|
|
26
|
+
background: #bbbbbb;
|
|
27
|
+
opacity: 1;
|
|
28
|
+
}
|
|
29
|
+
.lm_header {
|
|
30
|
+
height: 20px;
|
|
31
|
+
}
|
|
32
|
+
.lm_header .lm_tab {
|
|
33
|
+
font-family: Arial, sans-serif;
|
|
34
|
+
font-size: 12px;
|
|
35
|
+
color: #888888;
|
|
36
|
+
background: #fafafa;
|
|
37
|
+
margin-right: 2px;
|
|
38
|
+
padding-bottom: 4px;
|
|
39
|
+
border: 1px solid #cccccc;
|
|
40
|
+
border-bottom: none;
|
|
41
|
+
}
|
|
42
|
+
.lm_header .lm_tab .lm_title {
|
|
43
|
+
padding-top: 1px;
|
|
44
|
+
}
|
|
45
|
+
.lm_header .lm_tab .lm_close_tab {
|
|
46
|
+
width: 11px;
|
|
47
|
+
height: 11px;
|
|
48
|
+
background-image: url('../../img/lm_close_black.png');
|
|
49
|
+
background-position: center center;
|
|
50
|
+
background-repeat: no-repeat;
|
|
51
|
+
top: 4px;
|
|
52
|
+
right: 6px;
|
|
53
|
+
opacity: 0.4;
|
|
54
|
+
}
|
|
55
|
+
.lm_header .lm_tab .lm_close_tab:hover {
|
|
56
|
+
opacity: 1;
|
|
57
|
+
}
|
|
58
|
+
.lm_header .lm_tab.lm_active {
|
|
59
|
+
border-bottom: none;
|
|
60
|
+
box-shadow: 2px -2px 2px -2px rgba(0, 0, 0, 0.2);
|
|
61
|
+
padding-bottom: 5px;
|
|
62
|
+
}
|
|
63
|
+
.lm_header .lm_tab.lm_active .lm_close_tab {
|
|
64
|
+
opacity: 1;
|
|
65
|
+
}
|
|
66
|
+
.lm_dragProxy.lm_right .lm_header .lm_tab.lm_active,
|
|
67
|
+
.lm_stack.lm_right .lm_header .lm_tab.lm_active {
|
|
68
|
+
box-shadow: 2px -2px 2px -2px rgba(0, 0, 0, 0.2);
|
|
69
|
+
}
|
|
70
|
+
.lm_dragProxy.lm_bottom .lm_header .lm_tab.lm_active,
|
|
71
|
+
.lm_stack.lm_bottom .lm_header .lm_tab.lm_active {
|
|
72
|
+
box-shadow: 2px 2px 2px -2px rgba(0, 0, 0, 0.2);
|
|
73
|
+
}
|
|
74
|
+
.lm_selected .lm_header {
|
|
75
|
+
background-color: #452500;
|
|
76
|
+
}
|
|
77
|
+
.lm_tab:hover,
|
|
78
|
+
.lm_tab.lm_active {
|
|
79
|
+
background: #e1e1e1;
|
|
80
|
+
color: #777777;
|
|
81
|
+
}
|
|
82
|
+
.lm_header .lm_controls .lm_tabdropdown:before {
|
|
83
|
+
color: #000000;
|
|
84
|
+
}
|
|
85
|
+
.lm_controls > * {
|
|
86
|
+
position: relative;
|
|
87
|
+
background-position: center center;
|
|
88
|
+
background-repeat: no-repeat;
|
|
89
|
+
opacity: 0.4;
|
|
90
|
+
transition: opacity 300ms ease;
|
|
91
|
+
}
|
|
92
|
+
.lm_controls > *:hover {
|
|
93
|
+
opacity: 1;
|
|
94
|
+
}
|
|
95
|
+
.lm_controls .lm_popout {
|
|
96
|
+
background-image: url('../../img/lm_popout_black.png');
|
|
97
|
+
}
|
|
98
|
+
.lm_controls .lm_maximise {
|
|
99
|
+
background-image: url('../../img/lm_maximise_black.png');
|
|
100
|
+
}
|
|
101
|
+
.lm_controls .lm_close {
|
|
102
|
+
background-image: url('../../img/lm_close_black.png');
|
|
103
|
+
}
|
|
104
|
+
.lm_maximised .lm_header {
|
|
105
|
+
background-color: #ffffff;
|
|
106
|
+
}
|
|
107
|
+
.lm_maximised .lm_controls .lm_maximise {
|
|
108
|
+
background-image: url('../../img/lm_minimize_black.png');
|
|
109
|
+
}
|
|
110
|
+
.lm_transition_indicator {
|
|
111
|
+
background-color: #000000;
|
|
112
|
+
border: 1px dashed #555555;
|
|
113
|
+
}
|
|
114
|
+
.lm_popin {
|
|
115
|
+
cursor: pointer;
|
|
116
|
+
}
|
|
117
|
+
.lm_popin .lm_bg {
|
|
118
|
+
background: #000000;
|
|
119
|
+
opacity: 0.7;
|
|
120
|
+
}
|
|
121
|
+
.lm_popin .lm_icon {
|
|
122
|
+
background-image: url('../../img/lm_popin_black.png');
|
|
123
|
+
background-position: center center;
|
|
124
|
+
background-repeat: no-repeat;
|
|
125
|
+
opacity: 0.7;
|
|
126
|
+
}
|
|
127
|
+
.lm_popin:hover .lm_icon {
|
|
128
|
+
opacity: 1;
|
|
129
|
+
}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
.lm_goldenlayout {
|
|
2
|
+
background: #000000;
|
|
3
|
+
background: linear-gradient(#000000, #eeeeee);
|
|
4
|
+
background-repeat: repeat;
|
|
5
|
+
}
|
|
6
|
+
.lm_content {
|
|
7
|
+
background: #272822;
|
|
8
|
+
}
|
|
9
|
+
.lm_dragProxy .lm_content {
|
|
10
|
+
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
|
|
11
|
+
}
|
|
12
|
+
.lm_dropTargetIndicator {
|
|
13
|
+
box-shadow: inset 0 0 30px #000000;
|
|
14
|
+
outline: 1px dashed #cccccc;
|
|
15
|
+
}
|
|
16
|
+
.lm_dropTargetIndicator .lm_inner {
|
|
17
|
+
background: #000000;
|
|
18
|
+
opacity: 0.2;
|
|
19
|
+
}
|
|
20
|
+
.lm_splitter {
|
|
21
|
+
background: #000000;
|
|
22
|
+
opacity: 0.001;
|
|
23
|
+
transition: opacity 200ms ease;
|
|
24
|
+
}
|
|
25
|
+
.lm_splitter:hover,
|
|
26
|
+
.lm_splitter.lm_dragging {
|
|
27
|
+
background: #444444;
|
|
28
|
+
opacity: 1;
|
|
29
|
+
}
|
|
30
|
+
.lm_header {
|
|
31
|
+
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcCAIAAAAvP0KbAAAANElEQVR4nH2IsQ0AMAyDHM5J/v8qD3ixulWdOiAQmhkAquoi6frt33udBEnYprvZXZJg+wAKcQ/o96fYNQAAAABJRU5ErkJggg==);
|
|
32
|
+
height: 28px;
|
|
33
|
+
}
|
|
34
|
+
.lm_header .lm_tab {
|
|
35
|
+
font-family: Arial, sans-serif;
|
|
36
|
+
font-size: 13px;
|
|
37
|
+
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcCAIAAAAvP0KbAAAANklEQVR4nHXGsQ0AMAgDQcuFh2EC9p+HhpIGaCMlKV5/cHdKoiQC+DYzl8+/nJk0M0YEu5tVtXqyIehfJSkOAAAAAElFTkSuQmCC);
|
|
38
|
+
color: #999999;
|
|
39
|
+
margin: 0;
|
|
40
|
+
padding-bottom: 4px;
|
|
41
|
+
/*
|
|
42
|
+
.lm_title
|
|
43
|
+
{
|
|
44
|
+
padding-top:1px;
|
|
45
|
+
}*/
|
|
46
|
+
}
|
|
47
|
+
.lm_header .lm_tab .lm_close_tab {
|
|
48
|
+
width: 11px;
|
|
49
|
+
height: 11px;
|
|
50
|
+
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAATElEQVR4nG3OwQ0DMQwDwZGRBtR/j1YJzMc5+IDoR+yCVO29g+pu981MFgqZmRdAfU7+CYWcbF11LwALjpBL0N0qybNx/RPU+gOeiS/+XCRwDlTgkQAAAABJRU5ErkJggg==);
|
|
51
|
+
background-position: center center;
|
|
52
|
+
background-repeat: no-repeat;
|
|
53
|
+
right: 6px;
|
|
54
|
+
top: 4px;
|
|
55
|
+
opacity: 0.4;
|
|
56
|
+
}
|
|
57
|
+
.lm_header .lm_tab .lm_close_tab:hover {
|
|
58
|
+
opacity: 1;
|
|
59
|
+
}
|
|
60
|
+
.lm_header .lm_tab.lm_active {
|
|
61
|
+
border-bottom: none;
|
|
62
|
+
padding-bottom: 5px;
|
|
63
|
+
}
|
|
64
|
+
.lm_header .lm_tab.lm_active .lm_close_tab {
|
|
65
|
+
opacity: 1;
|
|
66
|
+
}
|
|
67
|
+
.lm_stack.lm_left .lm_header,
|
|
68
|
+
.lm_stack.lm_right .lm_header {
|
|
69
|
+
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAABCAIAAABCJ1mGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QQHEjUmFgXMqwAAADBJREFUCNdth7ENADAMwkjOIf9/xQMsqEPVTPVg2TUz3V0PANcb310nAWCbpKQktg/HHA+z1P+XmwAAAABJRU5ErkJggg==);
|
|
70
|
+
}
|
|
71
|
+
.lm_selected .lm_header {
|
|
72
|
+
background-color: #452500;
|
|
73
|
+
}
|
|
74
|
+
.lm_tab:hover,
|
|
75
|
+
.lm_tab.lm_active {
|
|
76
|
+
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcCAIAAAAvP0KbAAAAKUlEQVR4nGPw8vJi4ubmZmJgYGD6//8/nEZnY+MTUoPM/vfvH9PPnz8BJQc56Apw2moAAAAASUVORK5CYII=);
|
|
77
|
+
color: #eeeeee;
|
|
78
|
+
}
|
|
79
|
+
.lm_header .lm_controls .lm_tabdropdown:before {
|
|
80
|
+
color: #eeeeee;
|
|
81
|
+
}
|
|
82
|
+
.lm_controls > * {
|
|
83
|
+
position: relative;
|
|
84
|
+
background-position: center center;
|
|
85
|
+
background-repeat: no-repeat;
|
|
86
|
+
opacity: 0.4;
|
|
87
|
+
transition: opacity 300ms ease;
|
|
88
|
+
}
|
|
89
|
+
.lm_controls > *:hover {
|
|
90
|
+
opacity: 1;
|
|
91
|
+
}
|
|
92
|
+
.lm_controls .lm_popout {
|
|
93
|
+
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=);
|
|
94
|
+
}
|
|
95
|
+
.lm_controls .lm_maximise {
|
|
96
|
+
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKElEQVR4nGP8////fwYCgImQAgYGBgYWKM2IR81/okwajIpgvsMbVgAwgQYRVakEKQAAAABJRU5ErkJggg==);
|
|
97
|
+
}
|
|
98
|
+
.lm_controls .lm_close {
|
|
99
|
+
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=);
|
|
100
|
+
}
|
|
101
|
+
.lm_maximised .lm_header {
|
|
102
|
+
background-color: #000000;
|
|
103
|
+
}
|
|
104
|
+
.lm_maximised .lm_controls .lm_maximise {
|
|
105
|
+
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAJklEQVR4nGP8//8/AyHARFDFUFbEwsDAwMDIyIgzHP7//89IlEkApSkHEScJTKoAAAAASUVORK5CYII=);
|
|
106
|
+
}
|
|
107
|
+
.lm_transition_indicator {
|
|
108
|
+
background-color: #000000;
|
|
109
|
+
border: 1px dashed #555555;
|
|
110
|
+
}
|
|
111
|
+
.lm_popin {
|
|
112
|
+
cursor: pointer;
|
|
113
|
+
}
|
|
114
|
+
.lm_popin .lm_bg {
|
|
115
|
+
background: #eeeeee;
|
|
116
|
+
opacity: 0.7;
|
|
117
|
+
}
|
|
118
|
+
.lm_popin .lm_icon {
|
|
119
|
+
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAWklEQVR4nJWOyw3AIAxDHcQC7L8jbwT3AlJBfNp3SiI7dtRaLSlKKeoA1oEsKSQZCEluexw8Tm3ohk+E7bnOUHUGcNh+HwbBygw4AZ7FN/Lt84p0l+yTflV8AKQyLdcCRJi/AAAAAElFTkSuQmCC);
|
|
120
|
+
background-position: center center;
|
|
121
|
+
background-repeat: no-repeat;
|
|
122
|
+
opacity: 0.7;
|
|
123
|
+
}
|
|
124
|
+
.lm_popin:hover .lm_icon {
|
|
125
|
+
opacity: 1;
|
|
126
|
+
}
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
.lm_goldenlayout {
|
|
2
|
+
background: dodgerblue;
|
|
3
|
+
background: linear-gradient(to right bottom, dodgerblue, palevioletred);
|
|
4
|
+
}
|
|
5
|
+
.lm_content {
|
|
6
|
+
background: rgba(255, 255, 255, 0.1);
|
|
7
|
+
box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.1);
|
|
8
|
+
color: whitesmoke;
|
|
9
|
+
}
|
|
10
|
+
.lm_dragProxy .lm_content {
|
|
11
|
+
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
|
|
12
|
+
}
|
|
13
|
+
.lm_dropTargetIndicator {
|
|
14
|
+
box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5);
|
|
15
|
+
outline: 1px dashed #ffffff;
|
|
16
|
+
/*.lm_inner
|
|
17
|
+
{
|
|
18
|
+
background:@color0;
|
|
19
|
+
opacity:0.1;
|
|
20
|
+
}*/
|
|
21
|
+
}
|
|
22
|
+
.lm_splitter {
|
|
23
|
+
background: #ffffff;
|
|
24
|
+
opacity: 0.001;
|
|
25
|
+
transition: opacity 200ms ease;
|
|
26
|
+
}
|
|
27
|
+
.lm_splitter:hover,
|
|
28
|
+
.lm_splitter.lm_dragging {
|
|
29
|
+
background: #ffffff;
|
|
30
|
+
opacity: 0.4;
|
|
31
|
+
}
|
|
32
|
+
.lm_header {
|
|
33
|
+
height: 20px;
|
|
34
|
+
}
|
|
35
|
+
.lm_header .lm_tab {
|
|
36
|
+
font-family: Arial, sans-serif;
|
|
37
|
+
font-size: 13px;
|
|
38
|
+
color: #ffffff;
|
|
39
|
+
background: rgba(255, 255, 255, 0.1);
|
|
40
|
+
margin-right: 2px;
|
|
41
|
+
padding-bottom: 4px;
|
|
42
|
+
}
|
|
43
|
+
.lm_header .lm_tab .lm_close_tab {
|
|
44
|
+
width: 11px;
|
|
45
|
+
height: 11px;
|
|
46
|
+
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAATElEQVR4nG3OwQ0DMQwDwZGRBtR/j1YJzMc5+IDoR+yCVO29g+pu981MFgqZmRdAfU7+CYWcbF11LwALjpBL0N0qybNx/RPU+gOeiS/+XCRwDlTgkQAAAABJRU5ErkJggg==);
|
|
47
|
+
background-position: center center;
|
|
48
|
+
background-repeat: no-repeat;
|
|
49
|
+
right: 6px;
|
|
50
|
+
top: 4px;
|
|
51
|
+
opacity: 0.4;
|
|
52
|
+
}
|
|
53
|
+
.lm_header .lm_tab .lm_close_tab:hover {
|
|
54
|
+
opacity: 1;
|
|
55
|
+
}
|
|
56
|
+
.lm_header .lm_tab.lm_active {
|
|
57
|
+
border-bottom: none;
|
|
58
|
+
box-shadow: 2px -2px 2px -2px rgba(0, 0, 0, 0.2);
|
|
59
|
+
padding-bottom: 5px;
|
|
60
|
+
}
|
|
61
|
+
.lm_header .lm_tab.lm_active .lm_close_tab {
|
|
62
|
+
opacity: 1;
|
|
63
|
+
}
|
|
64
|
+
.lm_dragProxy.lm_right .lm_header .lm_tab.lm_active,
|
|
65
|
+
.lm_stack.lm_right .lm_header .lm_tab.lm_active {
|
|
66
|
+
box-shadow: 2px -2px 2px -2px rgba(0, 0, 0, 0.2);
|
|
67
|
+
}
|
|
68
|
+
.lm_dragProxy.lm_bottom .lm_header .lm_tab.lm_active,
|
|
69
|
+
.lm_stack.lm_bottom .lm_header .lm_tab.lm_active {
|
|
70
|
+
box-shadow: 2px 2px 2px -2px rgba(0, 0, 0, 0.2);
|
|
71
|
+
}
|
|
72
|
+
.lm_selected {
|
|
73
|
+
/*.lm_header
|
|
74
|
+
{
|
|
75
|
+
background-color:@color6;
|
|
76
|
+
}*/
|
|
77
|
+
}
|
|
78
|
+
.lm_tab:hover,
|
|
79
|
+
.lm_tab.lm_active {
|
|
80
|
+
background: rgba(255, 255, 255, 0.3);
|
|
81
|
+
color: #ffffff;
|
|
82
|
+
}
|
|
83
|
+
/*
|
|
84
|
+
.lm_header .lm_controls .lm_tabdropdown:before
|
|
85
|
+
{
|
|
86
|
+
color:@color1;
|
|
87
|
+
}*/
|
|
88
|
+
.lm_controls > * {
|
|
89
|
+
position: relative;
|
|
90
|
+
background-position: center center;
|
|
91
|
+
background-repeat: no-repeat;
|
|
92
|
+
opacity: 0.4;
|
|
93
|
+
transition: opacity 300ms ease;
|
|
94
|
+
}
|
|
95
|
+
.lm_controls > *:hover {
|
|
96
|
+
opacity: 1;
|
|
97
|
+
}
|
|
98
|
+
.lm_controls .lm_popout {
|
|
99
|
+
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=);
|
|
100
|
+
}
|
|
101
|
+
.lm_controls .lm_maximise {
|
|
102
|
+
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKElEQVR4nGP8////fwYCgImQAgYGBgYWKM2IR81/okwajIpgvsMbVgAwgQYRVakEKQAAAABJRU5ErkJggg==);
|
|
103
|
+
}
|
|
104
|
+
.lm_controls .lm_close {
|
|
105
|
+
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=);
|
|
106
|
+
}
|
|
107
|
+
/*
|
|
108
|
+
.lm_maximised
|
|
109
|
+
{
|
|
110
|
+
// Pane Header (container of Tabs for each pane) can have different style when is Maximized
|
|
111
|
+
.lm_header
|
|
112
|
+
{
|
|
113
|
+
background-color:@color4;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
// Pane controls are different in Maximized Mode, especially the old Icon "Maximise" that now has a different meaning, so "Minimize" (even if CSS Class did not change)
|
|
117
|
+
.lm_controls
|
|
118
|
+
{
|
|
119
|
+
.lm_maximise
|
|
120
|
+
{
|
|
121
|
+
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAJklEQVR4nGP8//8/AyHARFDFUFbEwsDAwMDIyIgzHP7//89IlEkApSkHEScJTKoAAAAASUVORK5CYII=);
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
*/
|
|
126
|
+
/*
|
|
127
|
+
.lm_transition_indicator
|
|
128
|
+
{
|
|
129
|
+
background-color:@color1;
|
|
130
|
+
border:1px dashed @color5;
|
|
131
|
+
}*/
|
|
132
|
+
.lm_popin {
|
|
133
|
+
cursor: pointer;
|
|
134
|
+
/*
|
|
135
|
+
.lm_bg
|
|
136
|
+
{
|
|
137
|
+
background:@color1;
|
|
138
|
+
opacity:0.7;
|
|
139
|
+
}*/
|
|
140
|
+
}
|
|
141
|
+
.lm_popin .lm_icon {
|
|
142
|
+
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAWklEQVR4nJWOyw3AIAxDHcQC7L8jbwT3AlJBfNp3SiI7dtRaLSlKKeoA1oEsKSQZCEluexw8Tm3ohk+E7bnOUHUGcNh+HwbBygw4AZ7FN/Lt84p0l+yTflV8AKQyLdcCRJi/AAAAAElFTkSuQmCC);
|
|
143
|
+
background-position: center center;
|
|
144
|
+
background-repeat: no-repeat;
|
|
145
|
+
opacity: 0.7;
|
|
146
|
+
}
|
|
147
|
+
.lm_popin:hover .lm_icon {
|
|
148
|
+
opacity: 1;
|
|
149
|
+
}
|
|
150
|
+
.lm_item {
|
|
151
|
+
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
|
|
152
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export * from './ts/config/config';
|
|
2
|
+
export * from './ts/config/resolved-config';
|
|
3
|
+
export { ComponentContainer } from './ts/container/component-container';
|
|
4
|
+
export { BrowserPopout } from './ts/controls/browser-popout';
|
|
5
|
+
export { DragSource } from './ts/controls/drag-source';
|
|
6
|
+
export { Header } from './ts/controls/header';
|
|
7
|
+
export { Tab } from './ts/controls/tab';
|
|
8
|
+
export * from './ts/errors/external-error';
|
|
9
|
+
export { GoldenLayout } from './ts/golden-layout';
|
|
10
|
+
export { ComponentItem } from './ts/items/component-item';
|
|
11
|
+
export { ContentItem } from './ts/items/content-item';
|
|
12
|
+
export { RowOrColumn } from './ts/items/row-or-column';
|
|
13
|
+
export { Stack } from './ts/items/stack';
|
|
14
|
+
export { LayoutManager } from './ts/layout-manager';
|
|
15
|
+
export { EventEmitter } from './ts/utils/event-emitter';
|
|
16
|
+
export { EventHub } from './ts/utils/event-hub';
|
|
17
|
+
export * from './ts/utils/i18n-strings';
|
|
18
|
+
export { StyleConstants } from './ts/utils/style-constants';
|
|
19
|
+
export * from './ts/utils/types';
|
|
20
|
+
export { VirtualLayout } from './ts/virtual-layout';
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
|