@syncfusion/ej2-layouts 20.2.46 → 20.3.47
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/CHANGELOG.md +2 -0
- package/dist/ej2-layouts.min.js +10 -0
- 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 +1 -1
- package/dist/es6/ej2-layouts.es2015.js.map +1 -1
- package/dist/es6/ej2-layouts.es5.js +3 -2
- 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.js +0 -1
- package/src/splitter/splitter.d.ts +1 -0
- package/src/splitter/splitter.js +3 -1
- package/styles/avatar/_bootstrap-dark-definition.scss +0 -1
- package/styles/avatar/_fabric-dark-definition.scss +0 -1
- package/styles/avatar/_highcontrast-light-definition.scss +0 -1
- package/styles/avatar/_material-dark-definition.scss +0 -1
- package/styles/avatar/_theme.scss +1 -0
- package/styles/bootstrap-dark.css +11 -9
- package/styles/bootstrap.css +11 -9
- package/styles/bootstrap4.css +11 -9
- package/styles/bootstrap5-dark.css +11 -9
- package/styles/bootstrap5.css +11 -9
- package/styles/card/_all.scss +1 -1
- package/styles/card/_bootstrap-dark-definition.scss +6 -9
- package/styles/card/_bootstrap-definition.scss +2 -4
- package/styles/card/_bootstrap4-definition.scss +2 -4
- package/styles/card/_bootstrap5-definition.scss +8 -2
- package/styles/card/_fabric-dark-definition.scss +6 -9
- package/styles/card/_fabric-definition.scss +2 -4
- package/styles/card/_fluent-definition.scss +8 -2
- package/styles/card/_fusionnew-definition.scss +8 -2
- package/styles/card/_highcontrast-definition.scss +2 -4
- package/styles/card/_highcontrast-light-definition.scss +6 -9
- package/styles/card/_layout.scss +7 -8
- package/styles/card/_material-dark-definition.scss +7 -8
- package/styles/card/_material-definition.scss +4 -5
- package/styles/card/_material3-definition.scss +8 -2
- package/styles/card/_tailwind-definition.scss +7 -2
- package/styles/card/_theme.scss +3 -3
- package/styles/card/bootstrap-dark.css +5 -4
- package/styles/card/bootstrap.css +5 -4
- package/styles/card/bootstrap4.css +5 -4
- package/styles/card/bootstrap5-dark.css +5 -4
- package/styles/card/bootstrap5.css +5 -4
- package/styles/card/fabric-dark.css +5 -4
- package/styles/card/fabric.css +5 -4
- package/styles/card/fluent-dark.css +5 -4
- package/styles/card/fluent.css +5 -4
- package/styles/card/highcontrast-light.css +5 -4
- package/styles/card/highcontrast.css +5 -4
- package/styles/card/material-dark.css +5 -4
- package/styles/card/material.css +5 -4
- package/styles/card/tailwind-dark.css +3 -6
- package/styles/card/tailwind.css +3 -6
- package/styles/dashboard-layout/_bootstrap-dark-definition.scss +1 -3
- package/styles/dashboard-layout/_bootstrap-definition.scss +1 -3
- package/styles/dashboard-layout/_bootstrap4-definition.scss +2 -3
- package/styles/dashboard-layout/_bootstrap5-definition.scss +1 -2
- package/styles/dashboard-layout/_fabric-dark-definition.scss +1 -3
- package/styles/dashboard-layout/_fabric-definition.scss +1 -3
- package/styles/dashboard-layout/_fluent-definition.scss +1 -2
- package/styles/dashboard-layout/_fusionnew-definition.scss +1 -2
- package/styles/dashboard-layout/_highcontrast-definition.scss +1 -3
- package/styles/dashboard-layout/_highcontrast-light-definition.scss +1 -3
- package/styles/dashboard-layout/_layout.scss +0 -5
- package/styles/dashboard-layout/_material-dark-definition.scss +1 -3
- package/styles/dashboard-layout/_material-definition.scss +1 -3
- package/styles/dashboard-layout/_material3-definition.scss +1 -2
- package/styles/dashboard-layout/_tailwind-definition.scss +1 -2
- package/styles/dashboard-layout/bootstrap-dark.css +1 -0
- package/styles/dashboard-layout/bootstrap.css +1 -0
- package/styles/dashboard-layout/bootstrap4.css +1 -0
- package/styles/dashboard-layout/bootstrap5-dark.css +1 -0
- package/styles/dashboard-layout/bootstrap5.css +1 -0
- package/styles/dashboard-layout/fabric-dark.css +1 -0
- package/styles/dashboard-layout/fabric.css +1 -0
- package/styles/dashboard-layout/fluent-dark.css +1 -0
- package/styles/dashboard-layout/fluent.css +1 -0
- package/styles/dashboard-layout/highcontrast-light.css +1 -0
- package/styles/dashboard-layout/highcontrast.css +1 -0
- package/styles/dashboard-layout/icons/_bootstrap-dark.scss +0 -1
- package/styles/dashboard-layout/icons/_bootstrap.scss +0 -1
- package/styles/dashboard-layout/icons/_bootstrap4.scss +0 -1
- package/styles/dashboard-layout/icons/_bootstrap5.scss +0 -1
- package/styles/dashboard-layout/icons/_fabric-dark.scss +0 -2
- package/styles/dashboard-layout/icons/_fabric.scss +0 -2
- package/styles/dashboard-layout/icons/_fluent.scss +0 -1
- package/styles/dashboard-layout/icons/_fusionnew.scss +0 -1
- package/styles/dashboard-layout/icons/_highcontrast.scss +0 -1
- package/styles/dashboard-layout/icons/_material-dark.scss +0 -1
- package/styles/dashboard-layout/icons/_material.scss +0 -1
- package/styles/dashboard-layout/icons/_material3.scss +0 -1
- package/styles/dashboard-layout/icons/_tailwind-dark.scss +0 -1
- package/styles/dashboard-layout/icons/_tailwind.scss +0 -1
- package/styles/dashboard-layout/material-dark.css +1 -0
- package/styles/dashboard-layout/material.css +1 -0
- package/styles/dashboard-layout/tailwind-dark.css +1 -0
- package/styles/dashboard-layout/tailwind.css +1 -0
- package/styles/fabric-dark.css +11 -9
- package/styles/fabric.css +11 -9
- package/styles/fluent-dark.css +11 -9
- package/styles/fluent.css +11 -9
- package/styles/highcontrast-light.css +11 -9
- package/styles/highcontrast.css +11 -9
- package/styles/material-dark.css +11 -9
- package/styles/material.css +11 -9
- package/styles/splitter/_all.scss +1 -1
- package/styles/splitter/_bootstrap-dark-definition.scss +1 -0
- package/styles/splitter/_bootstrap-definition.scss +1 -0
- package/styles/splitter/_bootstrap4-definition.scss +1 -0
- package/styles/splitter/_bootstrap5-definition.scss +4 -1
- package/styles/splitter/_definition.scss +1 -0
- package/styles/splitter/_fabric-dark-definition.scss +1 -0
- package/styles/splitter/_fabric-definition.scss +1 -0
- package/styles/splitter/_fluent-definition.scss +2 -0
- package/styles/splitter/_fusionnew-definition.scss +4 -1
- package/styles/splitter/_highcontrast-definition.scss +1 -0
- package/styles/splitter/_highcontrast-light-definition.scss +1 -0
- package/styles/splitter/_layout.scss +8 -9
- package/styles/splitter/_material-dark-definition.scss +1 -0
- package/styles/splitter/_material-definition.scss +1 -0
- package/styles/splitter/_material3-definition.scss +4 -1
- package/styles/splitter/_responsive.scss +1 -0
- package/styles/splitter/_tailwind-definition.scss +4 -1
- package/styles/splitter/_theme.scss +2 -2
- package/styles/splitter/bootstrap-dark.css +7 -5
- package/styles/splitter/bootstrap.css +7 -5
- package/styles/splitter/bootstrap4.css +7 -5
- package/styles/splitter/bootstrap5-dark.css +7 -5
- package/styles/splitter/bootstrap5.css +7 -5
- package/styles/splitter/fabric-dark.css +7 -5
- package/styles/splitter/fabric.css +7 -5
- package/styles/splitter/fluent-dark.css +7 -5
- package/styles/splitter/fluent.css +7 -5
- package/styles/splitter/highcontrast-light.css +7 -5
- package/styles/splitter/highcontrast.css +7 -5
- package/styles/splitter/material-dark.css +7 -5
- package/styles/splitter/material.css +7 -5
- package/styles/splitter/tailwind-dark.css +7 -5
- package/styles/splitter/tailwind.css +7 -5
- package/styles/tailwind-dark.css +9 -11
- package/styles/tailwind.css +9 -11
package/styles/material-dark.css
CHANGED
@@ -338,12 +338,12 @@
|
|
338
338
|
}
|
339
339
|
.e-card .e-card-header .e-card-header-caption .e-card-header-title {
|
340
340
|
font-size: 13px;
|
341
|
-
font-weight:
|
341
|
+
font-weight: normal;
|
342
342
|
line-height: 18px;
|
343
343
|
}
|
344
344
|
.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
|
345
345
|
font-size: 12px;
|
346
|
-
font-weight:
|
346
|
+
font-weight: normal;
|
347
347
|
line-height: 14px;
|
348
348
|
padding: 0 0 8px;
|
349
349
|
}
|
@@ -451,8 +451,8 @@
|
|
451
451
|
text-overflow: ellipsis;
|
452
452
|
width: inherit;
|
453
453
|
}
|
454
|
-
.e-card .e-card-actions .e-card-btn
|
455
|
-
.e-card .e-card-actions a
|
454
|
+
.e-card .e-card-actions .e-card-btn,
|
455
|
+
.e-card .e-card-actions a {
|
456
456
|
border-radius: 2px;
|
457
457
|
}
|
458
458
|
.e-card .e-card-actions .e-card-btn,
|
@@ -488,6 +488,7 @@
|
|
488
488
|
}
|
489
489
|
|
490
490
|
/*! card theme */
|
491
|
+
/* stylelint-disable property-no-vendor-prefix */
|
491
492
|
.e-card {
|
492
493
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
493
494
|
background-color: #303030;
|
@@ -609,8 +610,8 @@
|
|
609
610
|
}
|
610
611
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
611
612
|
-ms-flex-preferred-size: 0 !important;
|
612
|
-
flex-basis: 0 !important;
|
613
|
-
overflow: hidden !important;
|
613
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
614
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
614
615
|
}
|
615
616
|
.e-splitter.e-splitter-horizontal {
|
616
617
|
-ms-flex-direction: row;
|
@@ -643,8 +644,8 @@
|
|
643
644
|
}
|
644
645
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
645
646
|
-ms-flex-preferred-size: 0 !important;
|
646
|
-
flex-basis: 0 !important;
|
647
|
-
overflow: hidden !important;
|
647
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
648
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
648
649
|
}
|
649
650
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
650
651
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -1046,7 +1047,8 @@
|
|
1046
1047
|
pointer-events: none;
|
1047
1048
|
}
|
1048
1049
|
|
1049
|
-
/*! component's theme wise override material-definitions and variables */
|
1050
|
+
/* stylelint-disable-line no-empty-source */ /*! component's theme wise override material-definitions and variables */
|
1051
|
+
/* stylelint-disable */
|
1050
1052
|
.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
|
1051
1053
|
height: 100%;
|
1052
1054
|
padding: 20px 0;
|
package/styles/material.css
CHANGED
@@ -337,12 +337,12 @@
|
|
337
337
|
}
|
338
338
|
.e-card .e-card-header .e-card-header-caption .e-card-header-title {
|
339
339
|
font-size: 13px;
|
340
|
-
font-weight:
|
340
|
+
font-weight: normal;
|
341
341
|
line-height: normal;
|
342
342
|
}
|
343
343
|
.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
|
344
344
|
font-size: 12px;
|
345
|
-
font-weight:
|
345
|
+
font-weight: normal;
|
346
346
|
line-height: normal;
|
347
347
|
padding: 6px 0 0;
|
348
348
|
}
|
@@ -450,8 +450,8 @@
|
|
450
450
|
text-overflow: ellipsis;
|
451
451
|
width: inherit;
|
452
452
|
}
|
453
|
-
.e-card .e-card-actions .e-card-btn
|
454
|
-
.e-card .e-card-actions a
|
453
|
+
.e-card .e-card-actions .e-card-btn,
|
454
|
+
.e-card .e-card-actions a {
|
455
455
|
border-radius: 2px;
|
456
456
|
}
|
457
457
|
.e-card .e-card-actions .e-card-btn,
|
@@ -487,6 +487,7 @@
|
|
487
487
|
}
|
488
488
|
|
489
489
|
/*! card theme */
|
490
|
+
/* stylelint-disable property-no-vendor-prefix */
|
490
491
|
.e-card {
|
491
492
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
492
493
|
background-color: #fff;
|
@@ -610,8 +611,8 @@
|
|
610
611
|
}
|
611
612
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
612
613
|
-ms-flex-preferred-size: 0 !important;
|
613
|
-
flex-basis: 0 !important;
|
614
|
-
overflow: hidden !important;
|
614
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
615
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
615
616
|
}
|
616
617
|
.e-splitter.e-splitter-horizontal {
|
617
618
|
-ms-flex-direction: row;
|
@@ -644,8 +645,8 @@
|
|
644
645
|
}
|
645
646
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
646
647
|
-ms-flex-preferred-size: 0 !important;
|
647
|
-
flex-basis: 0 !important;
|
648
|
-
overflow: hidden !important;
|
648
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
649
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
649
650
|
}
|
650
651
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
651
652
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -1047,7 +1048,8 @@
|
|
1047
1048
|
pointer-events: none;
|
1048
1049
|
}
|
1049
1050
|
|
1050
|
-
/*! component's theme wise override material-definitions and variables */
|
1051
|
+
/* stylelint-disable-line no-empty-source */ /*! component's theme wise override material-definitions and variables */
|
1052
|
+
/* stylelint-disable */
|
1051
1053
|
.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
|
1052
1054
|
height: 100%;
|
1053
1055
|
padding: 20px 0;
|
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
|
|
20
20
|
$split-bar-border-right: none !default;
|
21
21
|
$split-bar-hover-border-left: none !default;
|
22
22
|
$split-bar-hover-border-right: none !default;
|
23
|
+
|
23
24
|
// Bigger style
|
24
25
|
$bigger-splitbar-icon-gap: 20px !default;
|
25
26
|
$bigger-splitpane-font-size: 14px !default;
|
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
|
|
20
20
|
$split-bar-border-right: none !default;
|
21
21
|
$split-bar-hover-border-left: none !default;
|
22
22
|
$split-bar-hover-border-right: none !default;
|
23
|
+
|
23
24
|
// Bigger style
|
24
25
|
$bigger-splitbar-icon-gap: 20px !default;
|
25
26
|
$bigger-splitpane-font-size: 14px !default;
|
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
|
|
20
20
|
$split-bar-border-right: none !default;
|
21
21
|
$split-bar-hover-border-left: none !default;
|
22
22
|
$split-bar-hover-border-right: none !default;
|
23
|
+
|
23
24
|
// Bigger style
|
24
25
|
$bigger-splitbar-icon-gap: 20px !default;
|
25
26
|
$bigger-splitpane-font-size: 14px !default;
|
@@ -1,6 +1,7 @@
|
|
1
1
|
$skin-name: 'bootstrap' !default;
|
2
|
+
|
2
3
|
//Layout Variables Start
|
3
|
-
$splitpane-font-size: $text-sm
|
4
|
+
$splitpane-font-size: $text-sm !default;
|
4
5
|
$splitpane-font-weight: $font-weight-normal !default;
|
5
6
|
$splitpane-font-family: $font-family !default;
|
6
7
|
$splitbar-icon-size: 14px !default;
|
@@ -8,6 +9,7 @@ $splitbar-icon-gap: 18px !default;
|
|
8
9
|
$bigger-splitbar-icon-gap: 20px !default;
|
9
10
|
$bigger-splitpane-font-size: $text-base !default;
|
10
11
|
$bigger-splitbar-icon-size: 16px !default;
|
12
|
+
|
11
13
|
//Layout Variables End
|
12
14
|
|
13
15
|
//Theme Variables Start
|
@@ -27,4 +29,5 @@ $split-bar-border-left: none !default;
|
|
27
29
|
$split-bar-border-right: none !default;
|
28
30
|
$split-bar-hover-border-left: none !default;
|
29
31
|
$split-bar-hover-border-right: none !default;
|
32
|
+
|
30
33
|
//Theme Variables End
|
@@ -0,0 +1 @@
|
|
1
|
+
/* stylelint-disable-line no-empty-source */
|
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
|
|
20
20
|
$split-bar-border-right: none !default;
|
21
21
|
$split-bar-hover-border-left: none !default;
|
22
22
|
$split-bar-hover-border-right: none !default;
|
23
|
+
|
23
24
|
// Bigger style
|
24
25
|
$bigger-splitbar-icon-gap: 20px !default;
|
25
26
|
$bigger-splitpane-font-size: 13px !default;
|
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
|
|
20
20
|
$split-bar-border-right: none !default;
|
21
21
|
$split-bar-hover-border-left: none !default;
|
22
22
|
$split-bar-hover-border-right: none !default;
|
23
|
+
|
23
24
|
// Bigger style
|
24
25
|
$bigger-splitbar-icon-gap: 20px !default;
|
25
26
|
$bigger-splitpane-font-size: 13px !default;
|
@@ -7,6 +7,7 @@ $splitbar-icon-gap: 18px !default;
|
|
7
7
|
$bigger-splitbar-icon-gap: 20px !default;
|
8
8
|
$bigger-splitpane-font-size: $text-base !default;
|
9
9
|
$bigger-splitbar-icon-size: 16px !default;
|
10
|
+
|
10
11
|
//Layout Variables End
|
11
12
|
|
12
13
|
//Theme Variables Start
|
@@ -26,4 +27,5 @@ $split-bar-border-left: 1px solid $border-light !default;
|
|
26
27
|
$split-bar-border-right: 1px solid $border-light !default;
|
27
28
|
$split-bar-hover-border-left: 1px solid $splitbar-hover-border-color !default;
|
28
29
|
$split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
|
30
|
+
|
29
31
|
//Theme Variables End
|
@@ -1,6 +1,7 @@
|
|
1
1
|
$skin-name: 'bootstrap' !default;
|
2
|
+
|
2
3
|
//Layout Variables Start
|
3
|
-
$splitpane-font-size: $text-sm
|
4
|
+
$splitpane-font-size: $text-sm !default;
|
4
5
|
$splitpane-font-weight: $font-weight-normal !default;
|
5
6
|
$splitpane-font-family: $font-family !default;
|
6
7
|
$splitbar-icon-size: 14px !default;
|
@@ -8,6 +9,7 @@ $splitbar-icon-gap: 18px !default;
|
|
8
9
|
$bigger-splitbar-icon-gap: 20px !default;
|
9
10
|
$bigger-splitpane-font-size: $text-base !default;
|
10
11
|
$bigger-splitbar-icon-size: 16px !default;
|
12
|
+
|
11
13
|
//Layout Variables End
|
12
14
|
|
13
15
|
//Theme Variables Start
|
@@ -27,4 +29,5 @@ $split-bar-border-left: none !default;
|
|
27
29
|
$split-bar-border-right: none !default;
|
28
30
|
$split-bar-hover-border-left: none !default;
|
29
31
|
$split-bar-hover-border-right: none !default;
|
32
|
+
|
30
33
|
//Theme Variables End
|
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
|
|
20
20
|
$split-bar-border-right: none !default;
|
21
21
|
$split-bar-hover-border-left: none !default;
|
22
22
|
$split-bar-hover-border-right: none !default;
|
23
|
+
|
23
24
|
// Bigger style
|
24
25
|
$bigger-splitbar-icon-gap: 20px !default;
|
25
26
|
$bigger-splitpane-font-size: 13px !default;
|
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
|
|
20
20
|
$split-bar-border-right: none !default;
|
21
21
|
$split-bar-hover-border-left: none !default;
|
22
22
|
$split-bar-hover-border-right: none !default;
|
23
|
+
|
23
24
|
// Bigger style
|
24
25
|
$bigger-splitbar-icon-gap: 20px !default;
|
25
26
|
$bigger-splitpane-font-size: 13px !default;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
|
1
|
+
@include export-module('splitter-layout') {
|
2
2
|
.e-splitter {
|
3
3
|
|
4
4
|
&.e-splitter-horizontal,
|
@@ -29,8 +29,8 @@
|
|
29
29
|
overflow: auto;
|
30
30
|
|
31
31
|
&.e-pane-hidden {
|
32
|
-
flex-basis: 0 !important;
|
33
|
-
overflow: hidden !important;
|
32
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
33
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
34
34
|
}
|
35
35
|
}
|
36
36
|
}
|
@@ -74,8 +74,8 @@
|
|
74
74
|
overflow: auto;
|
75
75
|
|
76
76
|
&.e-pane-hidden {
|
77
|
-
flex-basis: 0 !important;
|
78
|
-
overflow: hidden !important;
|
77
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
78
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
79
79
|
}
|
80
80
|
}
|
81
81
|
|
@@ -190,7 +190,7 @@
|
|
190
190
|
&:not(.e-arrow-right) {
|
191
191
|
border-radius: 50%;
|
192
192
|
right: 5px;
|
193
|
-
|
193
|
+
}
|
194
194
|
|
195
195
|
&.e-arrow-right {
|
196
196
|
border-radius: 50%;
|
@@ -312,7 +312,7 @@
|
|
312
312
|
border-radius: 50%;
|
313
313
|
bottom: 20px;
|
314
314
|
left: 22px;
|
315
|
-
|
315
|
+
}
|
316
316
|
|
317
317
|
&.e-arrow-down {
|
318
318
|
border-radius: 50%;
|
@@ -364,7 +364,6 @@
|
|
364
364
|
margin-top: 2px;
|
365
365
|
}
|
366
366
|
}
|
367
|
-
|
368
367
|
}
|
369
368
|
}
|
370
369
|
}
|
@@ -375,7 +374,7 @@
|
|
375
374
|
}
|
376
375
|
}
|
377
376
|
|
378
|
-
.e-bigger
|
377
|
+
.e-bigger .e-splitter {
|
379
378
|
.e-pane {
|
380
379
|
font-size: $bigger-splitpane-font-size;
|
381
380
|
}
|
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
|
|
20
20
|
$split-bar-border-right: none !default;
|
21
21
|
$split-bar-hover-border-left: none !default;
|
22
22
|
$split-bar-hover-border-right: none !default;
|
23
|
+
|
23
24
|
// Bigger style
|
24
25
|
$bigger-splitbar-icon-gap: 20px !default;
|
25
26
|
$bigger-splitpane-font-size: 14px !default;
|
@@ -21,6 +21,7 @@ $split-bar-border-left: none !default;
|
|
21
21
|
$split-bar-border-right: none !default;
|
22
22
|
$split-bar-hover-border-left: none !default;
|
23
23
|
$split-bar-hover-border-right: none !default;
|
24
|
+
|
24
25
|
// Bigger style
|
25
26
|
$bigger-splitbar-icon-gap: 20px !default;
|
26
27
|
$bigger-splitpane-font-size: 14px !default;
|
@@ -1,6 +1,7 @@
|
|
1
1
|
$skin-name: 'bootstrap' !default;
|
2
|
+
|
2
3
|
//Layout Variables Start
|
3
|
-
$splitpane-font-size: $text-sm
|
4
|
+
$splitpane-font-size: $text-sm !default;
|
4
5
|
$splitpane-font-weight: $font-weight-normal !default;
|
5
6
|
$splitpane-font-family: $font-family !default;
|
6
7
|
$splitbar-icon-size: 14px !default;
|
@@ -8,6 +9,7 @@ $splitbar-icon-gap: 18px !default;
|
|
8
9
|
$bigger-splitbar-icon-gap: 20px !default;
|
9
10
|
$bigger-splitpane-font-size: $text-base !default;
|
10
11
|
$bigger-splitbar-icon-size: 16px !default;
|
12
|
+
|
11
13
|
//Layout Variables End
|
12
14
|
|
13
15
|
//Theme Variables Start
|
@@ -27,4 +29,5 @@ $split-bar-border-left: none !default;
|
|
27
29
|
$split-bar-border-right: none !default;
|
28
30
|
$split-bar-hover-border-left: none !default;
|
29
31
|
$split-bar-hover-border-right: none !default;
|
32
|
+
|
30
33
|
//Theme Variables End
|
@@ -0,0 +1 @@
|
|
1
|
+
/* stylelint-disable-line no-empty-source */
|
@@ -1,6 +1,7 @@
|
|
1
1
|
$skin-name: 'tailwind' !default;
|
2
|
+
|
2
3
|
//Layout Variables Start
|
3
|
-
$splitpane-font-size: $text-sm
|
4
|
+
$splitpane-font-size: $text-sm !default;
|
4
5
|
$splitpane-font-weight: $font-weight-normal !default;
|
5
6
|
$splitpane-font-family: $font-family !default;
|
6
7
|
$splitbar-icon-size: 14px !default;
|
@@ -8,6 +9,7 @@ $splitbar-icon-gap: 18px !default;
|
|
8
9
|
$bigger-splitbar-icon-gap: 20px !default;
|
9
10
|
$bigger-splitpane-font-size: $text-base !default;
|
10
11
|
$bigger-splitbar-icon-size: 16px !default;
|
12
|
+
|
11
13
|
//Layout Variables End
|
12
14
|
|
13
15
|
//Theme Variables Start
|
@@ -27,4 +29,5 @@ $split-bar-border-left: 1px solid $border-light !default;
|
|
27
29
|
$split-bar-border-right: 1px solid $border-light !default;
|
28
30
|
$split-bar-hover-border-left: 1px solid $splitbar-hover-border-color !default;
|
29
31
|
$split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
|
32
|
+
|
30
33
|
//Theme Variables End
|
@@ -1,4 +1,4 @@
|
|
1
|
-
|
1
|
+
@include export-module('splitter-theme') {
|
2
2
|
.e-splitter {
|
3
3
|
|
4
4
|
&.e-splitter-horizontal,
|
@@ -198,7 +198,7 @@
|
|
198
198
|
}
|
199
199
|
|
200
200
|
&.e-disabled {
|
201
|
-
opacity:
|
201
|
+
opacity: .4;
|
202
202
|
pointer-events: none;
|
203
203
|
}
|
204
204
|
}
|
@@ -54,8 +54,8 @@
|
|
54
54
|
}
|
55
55
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
56
56
|
-ms-flex-preferred-size: 0 !important;
|
57
|
-
flex-basis: 0 !important;
|
58
|
-
overflow: hidden !important;
|
57
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
58
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
59
59
|
}
|
60
60
|
.e-splitter.e-splitter-horizontal {
|
61
61
|
-ms-flex-direction: row;
|
@@ -88,8 +88,8 @@
|
|
88
88
|
}
|
89
89
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
90
90
|
-ms-flex-preferred-size: 0 !important;
|
91
|
-
flex-basis: 0 !important;
|
92
|
-
overflow: hidden !important;
|
91
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
92
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
93
93
|
}
|
94
94
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
95
95
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -489,4 +489,6 @@
|
|
489
489
|
.e-splitter.e-disabled {
|
490
490
|
opacity: 0.4;
|
491
491
|
pointer-events: none;
|
492
|
-
}
|
492
|
+
}
|
493
|
+
|
494
|
+
/* stylelint-disable-line no-empty-source */
|
@@ -54,8 +54,8 @@
|
|
54
54
|
}
|
55
55
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
56
56
|
-ms-flex-preferred-size: 0 !important;
|
57
|
-
flex-basis: 0 !important;
|
58
|
-
overflow: hidden !important;
|
57
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
58
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
59
59
|
}
|
60
60
|
.e-splitter.e-splitter-horizontal {
|
61
61
|
-ms-flex-direction: row;
|
@@ -88,8 +88,8 @@
|
|
88
88
|
}
|
89
89
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
90
90
|
-ms-flex-preferred-size: 0 !important;
|
91
|
-
flex-basis: 0 !important;
|
92
|
-
overflow: hidden !important;
|
91
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
92
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
93
93
|
}
|
94
94
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
95
95
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -489,4 +489,6 @@
|
|
489
489
|
.e-splitter.e-disabled {
|
490
490
|
opacity: 0.4;
|
491
491
|
pointer-events: none;
|
492
|
-
}
|
492
|
+
}
|
493
|
+
|
494
|
+
/* stylelint-disable-line no-empty-source */
|
@@ -53,8 +53,8 @@
|
|
53
53
|
}
|
54
54
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
55
55
|
-ms-flex-preferred-size: 0 !important;
|
56
|
-
flex-basis: 0 !important;
|
57
|
-
overflow: hidden !important;
|
56
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
57
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
58
58
|
}
|
59
59
|
.e-splitter.e-splitter-horizontal {
|
60
60
|
-ms-flex-direction: row;
|
@@ -87,8 +87,8 @@
|
|
87
87
|
}
|
88
88
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
89
89
|
-ms-flex-preferred-size: 0 !important;
|
90
|
-
flex-basis: 0 !important;
|
91
|
-
overflow: hidden !important;
|
90
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
91
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
92
92
|
}
|
93
93
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
94
94
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -488,4 +488,6 @@
|
|
488
488
|
.e-splitter.e-disabled {
|
489
489
|
opacity: 0.4;
|
490
490
|
pointer-events: none;
|
491
|
-
}
|
491
|
+
}
|
492
|
+
|
493
|
+
/* stylelint-disable-line no-empty-source */
|
@@ -47,8 +47,8 @@
|
|
47
47
|
}
|
48
48
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
49
49
|
-ms-flex-preferred-size: 0 !important;
|
50
|
-
flex-basis: 0 !important;
|
51
|
-
overflow: hidden !important;
|
50
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
51
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
52
52
|
}
|
53
53
|
.e-splitter.e-splitter-horizontal {
|
54
54
|
-ms-flex-direction: row;
|
@@ -81,8 +81,8 @@
|
|
81
81
|
}
|
82
82
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
83
83
|
-ms-flex-preferred-size: 0 !important;
|
84
|
-
flex-basis: 0 !important;
|
85
|
-
overflow: hidden !important;
|
84
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
85
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
86
86
|
}
|
87
87
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
88
88
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -482,4 +482,6 @@
|
|
482
482
|
.e-splitter.e-disabled {
|
483
483
|
opacity: 0.4;
|
484
484
|
pointer-events: none;
|
485
|
-
}
|
485
|
+
}
|
486
|
+
|
487
|
+
/* stylelint-disable-line no-empty-source */
|
@@ -47,8 +47,8 @@
|
|
47
47
|
}
|
48
48
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
49
49
|
-ms-flex-preferred-size: 0 !important;
|
50
|
-
flex-basis: 0 !important;
|
51
|
-
overflow: hidden !important;
|
50
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
51
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
52
52
|
}
|
53
53
|
.e-splitter.e-splitter-horizontal {
|
54
54
|
-ms-flex-direction: row;
|
@@ -81,8 +81,8 @@
|
|
81
81
|
}
|
82
82
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
83
83
|
-ms-flex-preferred-size: 0 !important;
|
84
|
-
flex-basis: 0 !important;
|
85
|
-
overflow: hidden !important;
|
84
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
85
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
86
86
|
}
|
87
87
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
88
88
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -482,4 +482,6 @@
|
|
482
482
|
.e-splitter.e-disabled {
|
483
483
|
opacity: 0.4;
|
484
484
|
pointer-events: none;
|
485
|
-
}
|
485
|
+
}
|
486
|
+
|
487
|
+
/* stylelint-disable-line no-empty-source */
|
@@ -54,8 +54,8 @@
|
|
54
54
|
}
|
55
55
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
56
56
|
-ms-flex-preferred-size: 0 !important;
|
57
|
-
flex-basis: 0 !important;
|
58
|
-
overflow: hidden !important;
|
57
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
58
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
59
59
|
}
|
60
60
|
.e-splitter.e-splitter-horizontal {
|
61
61
|
-ms-flex-direction: row;
|
@@ -88,8 +88,8 @@
|
|
88
88
|
}
|
89
89
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
90
90
|
-ms-flex-preferred-size: 0 !important;
|
91
|
-
flex-basis: 0 !important;
|
92
|
-
overflow: hidden !important;
|
91
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
92
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
93
93
|
}
|
94
94
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
95
95
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -489,4 +489,6 @@
|
|
489
489
|
.e-splitter.e-disabled {
|
490
490
|
opacity: 0.4;
|
491
491
|
pointer-events: none;
|
492
|
-
}
|
492
|
+
}
|
493
|
+
|
494
|
+
/* stylelint-disable-line no-empty-source */
|
@@ -54,8 +54,8 @@
|
|
54
54
|
}
|
55
55
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
56
56
|
-ms-flex-preferred-size: 0 !important;
|
57
|
-
flex-basis: 0 !important;
|
58
|
-
overflow: hidden !important;
|
57
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
58
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
59
59
|
}
|
60
60
|
.e-splitter.e-splitter-horizontal {
|
61
61
|
-ms-flex-direction: row;
|
@@ -88,8 +88,8 @@
|
|
88
88
|
}
|
89
89
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
90
90
|
-ms-flex-preferred-size: 0 !important;
|
91
|
-
flex-basis: 0 !important;
|
92
|
-
overflow: hidden !important;
|
91
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
92
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
93
93
|
}
|
94
94
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
95
95
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -489,4 +489,6 @@
|
|
489
489
|
.e-splitter.e-disabled {
|
490
490
|
opacity: 0.4;
|
491
491
|
pointer-events: none;
|
492
|
-
}
|
492
|
+
}
|
493
|
+
|
494
|
+
/* stylelint-disable-line no-empty-source */
|
@@ -47,8 +47,8 @@
|
|
47
47
|
}
|
48
48
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
49
49
|
-ms-flex-preferred-size: 0 !important;
|
50
|
-
flex-basis: 0 !important;
|
51
|
-
overflow: hidden !important;
|
50
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
51
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
52
52
|
}
|
53
53
|
.e-splitter.e-splitter-horizontal {
|
54
54
|
-ms-flex-direction: row;
|
@@ -81,8 +81,8 @@
|
|
81
81
|
}
|
82
82
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
83
83
|
-ms-flex-preferred-size: 0 !important;
|
84
|
-
flex-basis: 0 !important;
|
85
|
-
overflow: hidden !important;
|
84
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
85
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
86
86
|
}
|
87
87
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
88
88
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -482,4 +482,6 @@
|
|
482
482
|
.e-splitter.e-disabled {
|
483
483
|
opacity: 0.4;
|
484
484
|
pointer-events: none;
|
485
|
-
}
|
485
|
+
}
|
486
|
+
|
487
|
+
/* stylelint-disable-line no-empty-source */
|