@syncfusion/ej2-layouts 25.2.3 → 26.1.38
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/.eslintrc.json +3 -2
- package/dist/ej2-layouts.min.js +2 -2
- package/dist/ej2-layouts.umd.min.js +2 -2
- package/dist/ej2-layouts.umd.min.js.map +1 -1
- package/dist/es6/ej2-layouts.es2015.js +215 -140
- package/dist/es6/ej2-layouts.es2015.js.map +1 -1
- package/dist/es6/ej2-layouts.es5.js +243 -167
- package/dist/es6/ej2-layouts.es5.js.map +1 -1
- package/dist/global/ej2-layouts.min.js +2 -2
- package/dist/global/ej2-layouts.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +7 -7
- package/src/dashboard-layout/dashboard-layout.d.ts +2 -2
- package/src/dashboard-layout/dashboard-layout.js +55 -76
- package/src/splitter/splitter.js +81 -41
- package/src/timeline/timeline-model.d.ts +5 -5
- package/src/timeline/timeline.d.ts +6 -3
- package/src/timeline/timeline.js +107 -33
- package/styles/avatar/_bootstrap5.3-definition.scss +26 -0
- package/styles/avatar/_fluent2-definition.scss +28 -0
- package/styles/avatar/_layout.scss +22 -18
- package/styles/avatar/_material3-definition.scss +0 -7
- package/styles/avatar/bootstrap-dark.css +7 -4
- package/styles/avatar/bootstrap.css +7 -4
- package/styles/avatar/bootstrap4.css +7 -4
- package/styles/avatar/bootstrap5-dark.css +13 -10
- package/styles/avatar/bootstrap5.css +13 -10
- package/styles/avatar/fabric-dark.css +7 -4
- package/styles/avatar/fabric.css +7 -4
- package/styles/avatar/fluent-dark.css +11 -8
- package/styles/avatar/fluent.css +11 -8
- package/styles/avatar/fluent2.css +1097 -0
- package/styles/avatar/fluent2.scss +3 -0
- package/styles/avatar/highcontrast-light.css +7 -4
- package/styles/avatar/highcontrast.css +7 -4
- package/styles/avatar/material-dark.css +7 -4
- package/styles/avatar/material.css +7 -4
- package/styles/avatar/material3-dark.css +12 -9
- package/styles/avatar/material3.css +12 -9
- package/styles/avatar/tailwind-dark.css +11 -8
- package/styles/avatar/tailwind.css +11 -8
- package/styles/bootstrap-dark.css +359 -197
- package/styles/bootstrap-dark.scss +14 -5
- package/styles/bootstrap.css +359 -197
- package/styles/bootstrap.scss +14 -5
- package/styles/bootstrap4.css +357 -196
- package/styles/bootstrap4.scss +14 -5
- package/styles/bootstrap5-dark.css +370 -207
- package/styles/bootstrap5-dark.scss +14 -5
- package/styles/bootstrap5.css +370 -207
- package/styles/bootstrap5.scss +14 -5
- package/styles/card/_bootstrap5.3-definition.scss +125 -0
- package/styles/card/_fluent2-definition.scss +123 -0
- package/styles/card/_layout.scss +13 -4
- package/styles/card/_material3-definition.scss +0 -13
- package/styles/card/_theme.scss +4 -16
- package/styles/card/bootstrap-dark.css +95 -52
- package/styles/card/bootstrap.css +95 -52
- package/styles/card/bootstrap4.css +95 -52
- package/styles/card/bootstrap5-dark.css +95 -52
- package/styles/card/bootstrap5.css +95 -52
- package/styles/card/fabric-dark.css +95 -52
- package/styles/card/fabric.css +95 -52
- package/styles/card/fluent-dark.css +99 -54
- package/styles/card/fluent.css +99 -54
- package/styles/card/fluent2.css +1593 -0
- package/styles/card/fluent2.scss +3 -0
- package/styles/card/highcontrast-light.css +95 -52
- package/styles/card/highcontrast.css +95 -52
- package/styles/card/material-dark.css +95 -52
- package/styles/card/material.css +97 -53
- package/styles/card/material3-dark.css +99 -53
- package/styles/card/material3.css +99 -53
- package/styles/card/tailwind-dark.css +95 -52
- package/styles/card/tailwind.css +95 -52
- package/styles/dashboard-layout/_bootstrap5.3-definition.scss +108 -0
- package/styles/dashboard-layout/_fluent2-definition.scss +111 -0
- package/styles/dashboard-layout/_highcontrast-definition.scss +1 -1
- package/styles/dashboard-layout/_layout.scss +62 -60
- package/styles/dashboard-layout/_material3-definition.scss +0 -47
- package/styles/dashboard-layout/_theme.scss +19 -32
- package/styles/dashboard-layout/bootstrap-dark.css +41 -42
- package/styles/dashboard-layout/bootstrap.css +41 -42
- package/styles/dashboard-layout/bootstrap4.css +41 -42
- package/styles/dashboard-layout/bootstrap5-dark.css +48 -47
- package/styles/dashboard-layout/bootstrap5.css +48 -47
- package/styles/dashboard-layout/fabric-dark.css +41 -42
- package/styles/dashboard-layout/fabric.css +41 -42
- package/styles/dashboard-layout/fluent-dark.css +46 -46
- package/styles/dashboard-layout/fluent.css +46 -46
- package/styles/dashboard-layout/fluent2.css +1336 -0
- package/styles/dashboard-layout/fluent2.scss +4 -0
- package/styles/dashboard-layout/highcontrast-light.css +39 -41
- package/styles/dashboard-layout/highcontrast.css +43 -42
- package/styles/dashboard-layout/icons/_bootstrap5.3.scss +80 -0
- package/styles/dashboard-layout/icons/_fluent2.scss +80 -0
- package/styles/dashboard-layout/material-dark.css +41 -42
- package/styles/dashboard-layout/material.css +41 -42
- package/styles/dashboard-layout/material3-dark.css +48 -47
- package/styles/dashboard-layout/material3.css +48 -47
- package/styles/dashboard-layout/tailwind-dark.css +57 -55
- package/styles/dashboard-layout/tailwind.css +57 -55
- package/styles/fabric-dark.css +359 -197
- package/styles/fabric-dark.scss +14 -5
- package/styles/fabric.css +359 -197
- package/styles/fabric.scss +14 -5
- package/styles/fluent-dark.css +370 -206
- package/styles/fluent-dark.scss +14 -5
- package/styles/fluent.css +370 -206
- package/styles/fluent.scss +14 -5
- package/styles/fluent2.css +2803 -0
- package/styles/fluent2.scss +14 -0
- package/styles/highcontrast-light.css +357 -196
- package/styles/highcontrast-light.scss +13 -5
- package/styles/highcontrast.css +361 -197
- package/styles/highcontrast.scss +14 -5
- package/styles/material-dark.css +357 -196
- package/styles/material-dark.scss +14 -5
- package/styles/material.css +359 -197
- package/styles/material.scss +14 -5
- package/styles/material3-dark.css +370 -204
- package/styles/material3-dark.scss +14 -5
- package/styles/material3.css +370 -204
- package/styles/material3.scss +14 -5
- package/styles/splitter/_bootstrap5.3-definition.scss +31 -0
- package/styles/splitter/_fluent2-definition.scss +31 -0
- package/styles/splitter/_layout.scss +0 -4
- package/styles/splitter/_material3-definition.scss +0 -7
- package/styles/splitter/_theme.scss +0 -4
- package/styles/splitter/bootstrap-dark.css +115 -59
- package/styles/splitter/bootstrap.css +115 -59
- package/styles/splitter/bootstrap4.css +113 -58
- package/styles/splitter/bootstrap5-dark.css +113 -58
- package/styles/splitter/bootstrap5.css +113 -58
- package/styles/splitter/fabric-dark.css +115 -59
- package/styles/splitter/fabric.css +115 -59
- package/styles/splitter/fluent-dark.css +113 -58
- package/styles/splitter/fluent.css +113 -58
- package/styles/splitter/fluent2.css +1578 -0
- package/styles/splitter/fluent2.scss +4 -0
- package/styles/splitter/highcontrast-light.css +115 -59
- package/styles/splitter/highcontrast.css +115 -59
- package/styles/splitter/icons/_bootstrap5.3.scss +39 -0
- package/styles/splitter/icons/_fluent2.scss +39 -0
- package/styles/splitter/material-dark.css +113 -58
- package/styles/splitter/material.css +113 -58
- package/styles/splitter/material3-dark.css +114 -59
- package/styles/splitter/material3.css +114 -59
- package/styles/splitter/tailwind-dark.css +113 -58
- package/styles/splitter/tailwind.css +113 -58
- package/styles/tailwind-dark.css +377 -213
- package/styles/tailwind-dark.scss +14 -5
- package/styles/tailwind.css +377 -213
- package/styles/tailwind.scss +14 -5
- package/styles/timeline/_bootstrap5.3-definition.scss +18 -0
- package/styles/timeline/_fluent2-definition.scss +18 -0
- package/styles/timeline/_layout.scss +46 -7
- package/styles/timeline/bootstrap-dark.css +99 -39
- package/styles/timeline/bootstrap.css +99 -39
- package/styles/timeline/bootstrap4.css +99 -39
- package/styles/timeline/bootstrap5-dark.css +99 -39
- package/styles/timeline/bootstrap5.css +99 -39
- package/styles/timeline/fabric-dark.css +99 -39
- package/styles/timeline/fabric.css +99 -39
- package/styles/timeline/fluent-dark.css +99 -39
- package/styles/timeline/fluent.css +99 -39
- package/styles/timeline/fluent2.css +1332 -0
- package/styles/timeline/fluent2.scss +3 -0
- package/styles/timeline/highcontrast-light.css +99 -39
- package/styles/timeline/highcontrast.css +99 -39
- package/styles/timeline/material-dark.css +99 -39
- package/styles/timeline/material.css +99 -39
- package/styles/timeline/material3-dark.css +100 -40
- package/styles/timeline/material3.css +100 -40
- package/styles/timeline/tailwind-dark.css +99 -39
- package/styles/timeline/tailwind.css +99 -39
- package/CHANGELOG.md +0 -601
@@ -59,7 +59,8 @@
|
|
59
59
|
font-size: 12px;
|
60
60
|
left: 0;
|
61
61
|
position: absolute;
|
62
|
-
transform: rotateY(180deg);
|
62
|
+
-webkit-transform: rotateY(180deg);
|
63
|
+
transform: rotateY(180deg);
|
63
64
|
}
|
64
65
|
|
65
66
|
.e-dashboardlayout.e-control .e-dashboard-gridline-table {
|
@@ -68,7 +69,7 @@
|
|
68
69
|
height: 100%;
|
69
70
|
width: 100%;
|
70
71
|
}
|
71
|
-
.e-dashboardlayout.e-control .e-dashboard-gridline-table
|
72
|
+
.e-dashboardlayout.e-control .e-dashboard-gridline-table td.e-dashboard-gridline {
|
72
73
|
border: 1px dotted #3A3A3A;
|
73
74
|
position: absolute;
|
74
75
|
}
|
@@ -77,10 +78,21 @@
|
|
77
78
|
}
|
78
79
|
.e-dashboardlayout.e-control.e-prevent {
|
79
80
|
-webkit-user-select: none;
|
81
|
+
-moz-user-select: none;
|
80
82
|
-ms-user-select: none;
|
81
83
|
user-select: none;
|
82
84
|
}
|
85
|
+
.e-dashboardlayout.e-control .e-panel.e-ssr {
|
86
|
+
position: relative;
|
87
|
+
}
|
83
88
|
.e-dashboardlayout.e-control .e-panel {
|
89
|
+
border: 1px #414040 solid;
|
90
|
+
height: 100%;
|
91
|
+
-webkit-user-select: none;
|
92
|
+
-moz-user-select: none;
|
93
|
+
-ms-user-select: none;
|
94
|
+
user-select: none;
|
95
|
+
width: 100%;
|
84
96
|
border-radius: 2px;
|
85
97
|
}
|
86
98
|
.e-dashboardlayout.e-control .e-panel:hover {
|
@@ -92,10 +104,19 @@
|
|
92
104
|
.e-dashboardlayout.e-control .e-panel:active {
|
93
105
|
border: 1px #0074cc solid;
|
94
106
|
}
|
107
|
+
.e-dashboardlayout.e-control .e-panel .e-panel-container {
|
108
|
+
height: 100%;
|
109
|
+
width: 100%;
|
110
|
+
}
|
111
|
+
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
|
112
|
+
height: inherit;
|
113
|
+
width: inherit;
|
114
|
+
}
|
95
115
|
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
|
96
116
|
display: none;
|
97
117
|
}
|
98
118
|
.e-dashboardlayout.e-control .e-panel.e-panel-transition {
|
119
|
+
-webkit-transition: top 0.5s, left 0.5s;
|
99
120
|
transition: top 0.5s, left 0.5s;
|
100
121
|
}
|
101
122
|
.e-dashboardlayout.e-control .e-panel .e-panel-header {
|
@@ -118,22 +139,6 @@
|
|
118
139
|
.e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
|
119
140
|
float: right;
|
120
141
|
}
|
121
|
-
.e-dashboardlayout.e-control .e-panel .e-panel-container {
|
122
|
-
height: 100%;
|
123
|
-
width: 100%;
|
124
|
-
}
|
125
|
-
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
|
126
|
-
height: inherit;
|
127
|
-
width: inherit;
|
128
|
-
}
|
129
|
-
.e-dashboardlayout.e-control .e-panel {
|
130
|
-
border: 1px #414040 solid;
|
131
|
-
height: 100%;
|
132
|
-
-webkit-user-select: none;
|
133
|
-
-ms-user-select: none;
|
134
|
-
user-select: none;
|
135
|
-
width: 100%;
|
136
|
-
}
|
137
142
|
.e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
|
138
143
|
position: absolute;
|
139
144
|
-ms-touch-action: none;
|
@@ -170,13 +175,6 @@
|
|
170
175
|
font-family: "e-icons";
|
171
176
|
position: absolute;
|
172
177
|
}
|
173
|
-
.e-dashboardlayout.e-control .e-drag:hover {
|
174
|
-
cursor: move;
|
175
|
-
}
|
176
|
-
.e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
|
177
|
-
.e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
|
178
|
-
cursor: default;
|
179
|
-
}
|
180
178
|
.e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
|
181
179
|
cursor: move;
|
182
180
|
z-index: 1111 !important;
|
@@ -184,6 +182,19 @@
|
|
184
182
|
.e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
|
185
183
|
float: left;
|
186
184
|
}
|
185
|
+
.e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
|
186
|
+
font-size: 14px;
|
187
|
+
font-weight: 500;
|
188
|
+
height: 30px;
|
189
|
+
padding: 0 12px;
|
190
|
+
}
|
191
|
+
.e-dashboardlayout.e-control .e-drag:hover {
|
192
|
+
cursor: move;
|
193
|
+
}
|
194
|
+
.e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
|
195
|
+
.e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
|
196
|
+
cursor: default;
|
197
|
+
}
|
187
198
|
.e-dashboardlayout.e-control .e-holder {
|
188
199
|
background: rgba(0, 116, 204, 0.2);
|
189
200
|
border: 2px #0074cc dotted;
|
@@ -192,14 +203,9 @@
|
|
192
203
|
border-radius: 2px;
|
193
204
|
}
|
194
205
|
.e-dashboardlayout.e-control .e-holder.e-holder-transition {
|
206
|
+
-webkit-transition: top 0.3s, left 0.3s;
|
195
207
|
transition: top 0.3s, left 0.3s;
|
196
208
|
}
|
197
|
-
.e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
|
198
|
-
font-size: 14px;
|
199
|
-
font-weight: 500;
|
200
|
-
height: 30px;
|
201
|
-
padding: 0 12px;
|
202
|
-
}
|
203
209
|
|
204
210
|
.e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
|
205
211
|
font-size: 14px;
|
@@ -218,17 +224,10 @@
|
|
218
224
|
}
|
219
225
|
.e-dashboardlayout.e-control .e-panel {
|
220
226
|
background: #201f1f;
|
221
|
-
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
|
222
|
-
|
223
|
-
|
224
|
-
|
225
|
-
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
|
226
|
-
color: #dadada;
|
227
|
-
}
|
228
|
-
.e-dashboardlayout.e-control .e-panel {
|
229
|
-
background: #201f1f;
|
230
|
-
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
|
231
|
-
box-sizing: border-box;
|
227
|
+
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
|
228
|
+
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
|
229
|
+
-webkit-box-sizing: border-box;
|
230
|
+
box-sizing: border-box;
|
232
231
|
position: absolute;
|
233
232
|
}
|
234
233
|
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
|
@@ -59,7 +59,8 @@
|
|
59
59
|
font-size: 12px;
|
60
60
|
left: 0;
|
61
61
|
position: absolute;
|
62
|
-
transform: rotateY(180deg);
|
62
|
+
-webkit-transform: rotateY(180deg);
|
63
|
+
transform: rotateY(180deg);
|
63
64
|
}
|
64
65
|
|
65
66
|
.e-dashboardlayout.e-control .e-dashboard-gridline-table {
|
@@ -68,7 +69,7 @@
|
|
68
69
|
height: 100%;
|
69
70
|
width: 100%;
|
70
71
|
}
|
71
|
-
.e-dashboardlayout.e-control .e-dashboard-gridline-table
|
72
|
+
.e-dashboardlayout.e-control .e-dashboard-gridline-table td.e-dashboard-gridline {
|
72
73
|
border: 1px dotted #a6a6a6;
|
73
74
|
position: absolute;
|
74
75
|
}
|
@@ -77,10 +78,21 @@
|
|
77
78
|
}
|
78
79
|
.e-dashboardlayout.e-control.e-prevent {
|
79
80
|
-webkit-user-select: none;
|
81
|
+
-moz-user-select: none;
|
80
82
|
-ms-user-select: none;
|
81
83
|
user-select: none;
|
82
84
|
}
|
85
|
+
.e-dashboardlayout.e-control .e-panel.e-ssr {
|
86
|
+
position: relative;
|
87
|
+
}
|
83
88
|
.e-dashboardlayout.e-control .e-panel {
|
89
|
+
border: 1px #eaeaea solid;
|
90
|
+
height: 100%;
|
91
|
+
-webkit-user-select: none;
|
92
|
+
-moz-user-select: none;
|
93
|
+
-ms-user-select: none;
|
94
|
+
user-select: none;
|
95
|
+
width: 100%;
|
84
96
|
border-radius: 0;
|
85
97
|
}
|
86
98
|
.e-dashboardlayout.e-control .e-panel:hover {
|
@@ -92,10 +104,19 @@
|
|
92
104
|
.e-dashboardlayout.e-control .e-panel:active {
|
93
105
|
border: 1px #0078d6 solid;
|
94
106
|
}
|
107
|
+
.e-dashboardlayout.e-control .e-panel .e-panel-container {
|
108
|
+
height: 100%;
|
109
|
+
width: 100%;
|
110
|
+
}
|
111
|
+
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
|
112
|
+
height: inherit;
|
113
|
+
width: inherit;
|
114
|
+
}
|
95
115
|
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
|
96
116
|
display: none;
|
97
117
|
}
|
98
118
|
.e-dashboardlayout.e-control .e-panel.e-panel-transition {
|
119
|
+
-webkit-transition: top 0.5s, left 0.5s;
|
99
120
|
transition: top 0.5s, left 0.5s;
|
100
121
|
}
|
101
122
|
.e-dashboardlayout.e-control .e-panel .e-panel-header {
|
@@ -118,22 +139,6 @@
|
|
118
139
|
.e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
|
119
140
|
float: right;
|
120
141
|
}
|
121
|
-
.e-dashboardlayout.e-control .e-panel .e-panel-container {
|
122
|
-
height: 100%;
|
123
|
-
width: 100%;
|
124
|
-
}
|
125
|
-
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
|
126
|
-
height: inherit;
|
127
|
-
width: inherit;
|
128
|
-
}
|
129
|
-
.e-dashboardlayout.e-control .e-panel {
|
130
|
-
border: 1px #eaeaea solid;
|
131
|
-
height: 100%;
|
132
|
-
-webkit-user-select: none;
|
133
|
-
-ms-user-select: none;
|
134
|
-
user-select: none;
|
135
|
-
width: 100%;
|
136
|
-
}
|
137
142
|
.e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
|
138
143
|
position: absolute;
|
139
144
|
-ms-touch-action: none;
|
@@ -170,13 +175,6 @@
|
|
170
175
|
font-family: "e-icons";
|
171
176
|
position: absolute;
|
172
177
|
}
|
173
|
-
.e-dashboardlayout.e-control .e-drag:hover {
|
174
|
-
cursor: move;
|
175
|
-
}
|
176
|
-
.e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
|
177
|
-
.e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
|
178
|
-
cursor: default;
|
179
|
-
}
|
180
178
|
.e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
|
181
179
|
cursor: move;
|
182
180
|
z-index: 1111 !important;
|
@@ -184,6 +182,19 @@
|
|
184
182
|
.e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
|
185
183
|
float: left;
|
186
184
|
}
|
185
|
+
.e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
|
186
|
+
font-size: 14px;
|
187
|
+
font-weight: 500;
|
188
|
+
height: 30px;
|
189
|
+
padding: 0 12px;
|
190
|
+
}
|
191
|
+
.e-dashboardlayout.e-control .e-drag:hover {
|
192
|
+
cursor: move;
|
193
|
+
}
|
194
|
+
.e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
|
195
|
+
.e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
|
196
|
+
cursor: default;
|
197
|
+
}
|
187
198
|
.e-dashboardlayout.e-control .e-holder {
|
188
199
|
background: rgba(0, 120, 214, 0.3);
|
189
200
|
border: 1px #0078d6 dotted;
|
@@ -192,14 +203,9 @@
|
|
192
203
|
border-radius: 0;
|
193
204
|
}
|
194
205
|
.e-dashboardlayout.e-control .e-holder.e-holder-transition {
|
206
|
+
-webkit-transition: top 0.3s, left 0.3s;
|
195
207
|
transition: top 0.3s, left 0.3s;
|
196
208
|
}
|
197
|
-
.e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
|
198
|
-
font-size: 14px;
|
199
|
-
font-weight: 500;
|
200
|
-
height: 30px;
|
201
|
-
padding: 0 12px;
|
202
|
-
}
|
203
209
|
|
204
210
|
.e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
|
205
211
|
font-size: 14px;
|
@@ -218,17 +224,10 @@
|
|
218
224
|
}
|
219
225
|
.e-dashboardlayout.e-control .e-panel {
|
220
226
|
background: #fff;
|
221
|
-
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
|
222
|
-
|
223
|
-
|
224
|
-
|
225
|
-
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
|
226
|
-
color: #333;
|
227
|
-
}
|
228
|
-
.e-dashboardlayout.e-control .e-panel {
|
229
|
-
background: #fff;
|
230
|
-
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
|
231
|
-
box-sizing: border-box;
|
227
|
+
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
|
228
|
+
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
|
229
|
+
-webkit-box-sizing: border-box;
|
230
|
+
box-sizing: border-box;
|
232
231
|
position: absolute;
|
233
232
|
}
|
234
233
|
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
|
@@ -59,7 +59,8 @@
|
|
59
59
|
font-size: 12px;
|
60
60
|
left: 4px;
|
61
61
|
position: absolute;
|
62
|
-
transform: rotateY(180deg);
|
62
|
+
-webkit-transform: rotateY(180deg);
|
63
|
+
transform: rotateY(180deg);
|
63
64
|
}
|
64
65
|
|
65
66
|
.e-dashboardlayout.e-control .e-dashboard-gridline-table {
|
@@ -68,7 +69,7 @@
|
|
68
69
|
height: 100%;
|
69
70
|
width: 100%;
|
70
71
|
}
|
71
|
-
.e-dashboardlayout.e-control .e-dashboard-gridline-table
|
72
|
+
.e-dashboardlayout.e-control .e-dashboard-gridline-table td.e-dashboard-gridline {
|
72
73
|
border: 1px dotted #797775;
|
73
74
|
position: absolute;
|
74
75
|
}
|
@@ -77,15 +78,27 @@
|
|
77
78
|
}
|
78
79
|
.e-dashboardlayout.e-control.e-prevent {
|
79
80
|
-webkit-user-select: none;
|
81
|
+
-moz-user-select: none;
|
80
82
|
-ms-user-select: none;
|
81
83
|
user-select: none;
|
82
84
|
}
|
85
|
+
.e-dashboardlayout.e-control .e-panel.e-ssr {
|
86
|
+
position: relative;
|
87
|
+
}
|
83
88
|
.e-dashboardlayout.e-control .e-panel {
|
89
|
+
border: 1px solid #252423;
|
90
|
+
height: 100%;
|
91
|
+
-webkit-user-select: none;
|
92
|
+
-moz-user-select: none;
|
93
|
+
-ms-user-select: none;
|
94
|
+
user-select: none;
|
95
|
+
width: 100%;
|
84
96
|
border-radius: 2px;
|
85
97
|
}
|
86
98
|
.e-dashboardlayout.e-control .e-panel:hover {
|
87
99
|
border: 1px solid #797775;
|
88
|
-
box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
|
100
|
+
-webkit-box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
|
101
|
+
box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
|
89
102
|
}
|
90
103
|
.e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon {
|
91
104
|
display: block;
|
@@ -93,10 +106,19 @@
|
|
93
106
|
.e-dashboardlayout.e-control .e-panel:active {
|
94
107
|
border: 1px solid #0078d4;
|
95
108
|
}
|
109
|
+
.e-dashboardlayout.e-control .e-panel .e-panel-container {
|
110
|
+
height: 100%;
|
111
|
+
width: 100%;
|
112
|
+
}
|
113
|
+
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
|
114
|
+
height: inherit;
|
115
|
+
width: inherit;
|
116
|
+
}
|
96
117
|
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
|
97
118
|
display: none;
|
98
119
|
}
|
99
120
|
.e-dashboardlayout.e-control .e-panel.e-panel-transition {
|
121
|
+
-webkit-transition: top 0.5s, left 0.5s;
|
100
122
|
transition: top 0.5s, left 0.5s;
|
101
123
|
}
|
102
124
|
.e-dashboardlayout.e-control .e-panel .e-panel-header {
|
@@ -119,22 +141,6 @@
|
|
119
141
|
.e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
|
120
142
|
float: right;
|
121
143
|
}
|
122
|
-
.e-dashboardlayout.e-control .e-panel .e-panel-container {
|
123
|
-
height: 100%;
|
124
|
-
width: 100%;
|
125
|
-
}
|
126
|
-
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
|
127
|
-
height: inherit;
|
128
|
-
width: inherit;
|
129
|
-
}
|
130
|
-
.e-dashboardlayout.e-control .e-panel {
|
131
|
-
border: 1px solid #252423;
|
132
|
-
height: 100%;
|
133
|
-
-webkit-user-select: none;
|
134
|
-
-ms-user-select: none;
|
135
|
-
user-select: none;
|
136
|
-
width: 100%;
|
137
|
-
}
|
138
144
|
.e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
|
139
145
|
position: absolute;
|
140
146
|
-ms-touch-action: none;
|
@@ -171,13 +177,6 @@
|
|
171
177
|
font-family: "e-icons";
|
172
178
|
position: absolute;
|
173
179
|
}
|
174
|
-
.e-dashboardlayout.e-control .e-drag:hover {
|
175
|
-
cursor: move;
|
176
|
-
}
|
177
|
-
.e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
|
178
|
-
.e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
|
179
|
-
cursor: default;
|
180
|
-
}
|
181
180
|
.e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
|
182
181
|
cursor: move;
|
183
182
|
z-index: 1111 !important;
|
@@ -185,6 +184,19 @@
|
|
185
184
|
.e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
|
186
185
|
float: left;
|
187
186
|
}
|
187
|
+
.e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
|
188
|
+
font-size: 18px;
|
189
|
+
font-weight: 600;
|
190
|
+
height: 68px;
|
191
|
+
padding: 20px 0 20px 20px;
|
192
|
+
}
|
193
|
+
.e-dashboardlayout.e-control .e-drag:hover {
|
194
|
+
cursor: move;
|
195
|
+
}
|
196
|
+
.e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
|
197
|
+
.e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
|
198
|
+
cursor: default;
|
199
|
+
}
|
188
200
|
.e-dashboardlayout.e-control .e-holder {
|
189
201
|
background: #004578;
|
190
202
|
border: 1px #0078d4 dashed;
|
@@ -193,14 +205,9 @@
|
|
193
205
|
border-radius: 2px;
|
194
206
|
}
|
195
207
|
.e-dashboardlayout.e-control .e-holder.e-holder-transition {
|
208
|
+
-webkit-transition: top 0.3s, left 0.3s;
|
196
209
|
transition: top 0.3s, left 0.3s;
|
197
210
|
}
|
198
|
-
.e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
|
199
|
-
font-size: 18px;
|
200
|
-
font-weight: 600;
|
201
|
-
height: 68px;
|
202
|
-
padding: 20px 0 20px 20px;
|
203
|
-
}
|
204
211
|
|
205
212
|
.e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
|
206
213
|
font-size: 18px;
|
@@ -219,25 +226,15 @@
|
|
219
226
|
}
|
220
227
|
.e-dashboardlayout.e-control .e-panel {
|
221
228
|
background: #252423;
|
222
|
-
box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
|
223
|
-
|
229
|
+
-webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
|
230
|
+
box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
|
231
|
+
-webkit-box-sizing: border-box;
|
232
|
+
box-sizing: border-box;
|
224
233
|
position: absolute;
|
225
234
|
}
|
226
235
|
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
|
227
236
|
color: #f3f2f1;
|
228
237
|
}
|
229
|
-
.e-dashboardlayout.e-control .e-panel {
|
230
|
-
background: #252423;
|
231
|
-
box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
|
232
|
-
box-sizing: border-box;
|
233
|
-
position: absolute;
|
234
|
-
}
|
235
|
-
.e-dashboardlayout.e-control .e-panel:active {
|
236
|
-
background: #201f1e;
|
237
|
-
}
|
238
|
-
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
|
239
|
-
color: #f3f2f1;
|
240
|
-
}
|
241
238
|
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-single {
|
242
239
|
background: none;
|
243
240
|
}
|
@@ -295,6 +292,9 @@
|
|
295
292
|
bottom: 2px;
|
296
293
|
right: 2px;
|
297
294
|
}
|
295
|
+
.e-dashboardlayout.e-control .e-panel:active {
|
296
|
+
background: #201f1e;
|
297
|
+
}
|
298
298
|
.e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
|
299
299
|
color: #f3f2f1;
|
300
300
|
}
|
@@ -59,7 +59,8 @@
|
|
59
59
|
font-size: 12px;
|
60
60
|
left: 4px;
|
61
61
|
position: absolute;
|
62
|
-
transform: rotateY(180deg);
|
62
|
+
-webkit-transform: rotateY(180deg);
|
63
|
+
transform: rotateY(180deg);
|
63
64
|
}
|
64
65
|
|
65
66
|
.e-dashboardlayout.e-control .e-dashboard-gridline-table {
|
@@ -68,7 +69,7 @@
|
|
68
69
|
height: 100%;
|
69
70
|
width: 100%;
|
70
71
|
}
|
71
|
-
.e-dashboardlayout.e-control .e-dashboard-gridline-table
|
72
|
+
.e-dashboardlayout.e-control .e-dashboard-gridline-table td.e-dashboard-gridline {
|
72
73
|
border: 1px dotted #c8c6c4;
|
73
74
|
position: absolute;
|
74
75
|
}
|
@@ -77,15 +78,27 @@
|
|
77
78
|
}
|
78
79
|
.e-dashboardlayout.e-control.e-prevent {
|
79
80
|
-webkit-user-select: none;
|
81
|
+
-moz-user-select: none;
|
80
82
|
-ms-user-select: none;
|
81
83
|
user-select: none;
|
82
84
|
}
|
85
|
+
.e-dashboardlayout.e-control .e-panel.e-ssr {
|
86
|
+
position: relative;
|
87
|
+
}
|
83
88
|
.e-dashboardlayout.e-control .e-panel {
|
89
|
+
border: 1px solid #fff;
|
90
|
+
height: 100%;
|
91
|
+
-webkit-user-select: none;
|
92
|
+
-moz-user-select: none;
|
93
|
+
-ms-user-select: none;
|
94
|
+
user-select: none;
|
95
|
+
width: 100%;
|
84
96
|
border-radius: 2px;
|
85
97
|
}
|
86
98
|
.e-dashboardlayout.e-control .e-panel:hover {
|
87
99
|
border: 1px solid #c8c6c4;
|
88
|
-
box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
|
100
|
+
-webkit-box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
|
101
|
+
box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
|
89
102
|
}
|
90
103
|
.e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon {
|
91
104
|
display: block;
|
@@ -93,10 +106,19 @@
|
|
93
106
|
.e-dashboardlayout.e-control .e-panel:active {
|
94
107
|
border: 1px solid #0078d4;
|
95
108
|
}
|
109
|
+
.e-dashboardlayout.e-control .e-panel .e-panel-container {
|
110
|
+
height: 100%;
|
111
|
+
width: 100%;
|
112
|
+
}
|
113
|
+
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
|
114
|
+
height: inherit;
|
115
|
+
width: inherit;
|
116
|
+
}
|
96
117
|
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
|
97
118
|
display: none;
|
98
119
|
}
|
99
120
|
.e-dashboardlayout.e-control .e-panel.e-panel-transition {
|
121
|
+
-webkit-transition: top 0.5s, left 0.5s;
|
100
122
|
transition: top 0.5s, left 0.5s;
|
101
123
|
}
|
102
124
|
.e-dashboardlayout.e-control .e-panel .e-panel-header {
|
@@ -119,22 +141,6 @@
|
|
119
141
|
.e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
|
120
142
|
float: right;
|
121
143
|
}
|
122
|
-
.e-dashboardlayout.e-control .e-panel .e-panel-container {
|
123
|
-
height: 100%;
|
124
|
-
width: 100%;
|
125
|
-
}
|
126
|
-
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
|
127
|
-
height: inherit;
|
128
|
-
width: inherit;
|
129
|
-
}
|
130
|
-
.e-dashboardlayout.e-control .e-panel {
|
131
|
-
border: 1px solid #fff;
|
132
|
-
height: 100%;
|
133
|
-
-webkit-user-select: none;
|
134
|
-
-ms-user-select: none;
|
135
|
-
user-select: none;
|
136
|
-
width: 100%;
|
137
|
-
}
|
138
144
|
.e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
|
139
145
|
position: absolute;
|
140
146
|
-ms-touch-action: none;
|
@@ -171,13 +177,6 @@
|
|
171
177
|
font-family: "e-icons";
|
172
178
|
position: absolute;
|
173
179
|
}
|
174
|
-
.e-dashboardlayout.e-control .e-drag:hover {
|
175
|
-
cursor: move;
|
176
|
-
}
|
177
|
-
.e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
|
178
|
-
.e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
|
179
|
-
cursor: default;
|
180
|
-
}
|
181
180
|
.e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
|
182
181
|
cursor: move;
|
183
182
|
z-index: 1111 !important;
|
@@ -185,6 +184,19 @@
|
|
185
184
|
.e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
|
186
185
|
float: left;
|
187
186
|
}
|
187
|
+
.e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
|
188
|
+
font-size: 18px;
|
189
|
+
font-weight: 600;
|
190
|
+
height: 68px;
|
191
|
+
padding: 20px 0 20px 20px;
|
192
|
+
}
|
193
|
+
.e-dashboardlayout.e-control .e-drag:hover {
|
194
|
+
cursor: move;
|
195
|
+
}
|
196
|
+
.e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
|
197
|
+
.e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
|
198
|
+
cursor: default;
|
199
|
+
}
|
188
200
|
.e-dashboardlayout.e-control .e-holder {
|
189
201
|
background: #deecf9;
|
190
202
|
border: 1px #0078d4 dashed;
|
@@ -193,14 +205,9 @@
|
|
193
205
|
border-radius: 2px;
|
194
206
|
}
|
195
207
|
.e-dashboardlayout.e-control .e-holder.e-holder-transition {
|
208
|
+
-webkit-transition: top 0.3s, left 0.3s;
|
196
209
|
transition: top 0.3s, left 0.3s;
|
197
210
|
}
|
198
|
-
.e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
|
199
|
-
font-size: 18px;
|
200
|
-
font-weight: 600;
|
201
|
-
height: 68px;
|
202
|
-
padding: 20px 0 20px 20px;
|
203
|
-
}
|
204
211
|
|
205
212
|
.e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
|
206
213
|
font-size: 18px;
|
@@ -219,25 +226,15 @@
|
|
219
226
|
}
|
220
227
|
.e-dashboardlayout.e-control .e-panel {
|
221
228
|
background: #fff;
|
222
|
-
box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
|
223
|
-
|
229
|
+
-webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
|
230
|
+
box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
|
231
|
+
-webkit-box-sizing: border-box;
|
232
|
+
box-sizing: border-box;
|
224
233
|
position: absolute;
|
225
234
|
}
|
226
235
|
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
|
227
236
|
color: #201f1e;
|
228
237
|
}
|
229
|
-
.e-dashboardlayout.e-control .e-panel {
|
230
|
-
background: #fff;
|
231
|
-
box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
|
232
|
-
box-sizing: border-box;
|
233
|
-
position: absolute;
|
234
|
-
}
|
235
|
-
.e-dashboardlayout.e-control .e-panel:active {
|
236
|
-
background: #faf9f8;
|
237
|
-
}
|
238
|
-
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
|
239
|
-
color: #201f1e;
|
240
|
-
}
|
241
238
|
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-single {
|
242
239
|
background: none;
|
243
240
|
}
|
@@ -295,6 +292,9 @@
|
|
295
292
|
bottom: 2px;
|
296
293
|
right: 2px;
|
297
294
|
}
|
295
|
+
.e-dashboardlayout.e-control .e-panel:active {
|
296
|
+
background: #faf9f8;
|
297
|
+
}
|
298
298
|
.e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
|
299
299
|
color: #201f1e;
|
300
300
|
}
|