@progress/kendo-theme-default 5.4.2-dev.4 → 5.4.2-dev.5
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/dist/all.css +38 -0
- package/dist/all.scss +28 -0
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +2 -2
- package/scss/drawer/_layout.scss +15 -0
- package/scss/drawer/_variables.scss +3 -0
- package/scss/slider/_layout.scss +10 -0
package/dist/all.css
CHANGED
|
@@ -17772,6 +17772,16 @@ kendo-label > .k-label {
|
|
|
17772
17772
|
flex: 0 0 1px;
|
|
17773
17773
|
}
|
|
17774
17774
|
|
|
17775
|
+
.k-slider .k-slider-track-wrap .k-tick-horizontal {
|
|
17776
|
+
width: 1px;
|
|
17777
|
+
min-height: 100%;
|
|
17778
|
+
}
|
|
17779
|
+
|
|
17780
|
+
.k-slider .k-slider-track-wrap .k-tick-vertical {
|
|
17781
|
+
width: 100%;
|
|
17782
|
+
min-height: 1px;
|
|
17783
|
+
}
|
|
17784
|
+
|
|
17775
17785
|
.k-slider .k-slider-track-wrap .k-draghandle {
|
|
17776
17786
|
position: absolute;
|
|
17777
17787
|
}
|
|
@@ -21942,6 +21952,7 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
21942
21952
|
|
|
21943
21953
|
.k-drawer {
|
|
21944
21954
|
height: 100%;
|
|
21955
|
+
max-width: 100%;
|
|
21945
21956
|
border-width: 0;
|
|
21946
21957
|
border-style: solid;
|
|
21947
21958
|
box-sizing: border-box;
|
|
@@ -22086,6 +22097,33 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
22086
22097
|
padding: 0 8px;
|
|
22087
22098
|
display: inline-block;
|
|
22088
22099
|
white-space: nowrap;
|
|
22100
|
+
overflow: hidden;
|
|
22101
|
+
text-overflow: ellipsis;
|
|
22102
|
+
}
|
|
22103
|
+
|
|
22104
|
+
.k-drawer-item .k-drawer-toggle {
|
|
22105
|
+
margin-inline-start: auto;
|
|
22106
|
+
cursor: pointer;
|
|
22107
|
+
}
|
|
22108
|
+
|
|
22109
|
+
.k-drawer-item.k-level-1 {
|
|
22110
|
+
padding-inline-start: 16px;
|
|
22111
|
+
}
|
|
22112
|
+
|
|
22113
|
+
.k-drawer-item.k-level-2 {
|
|
22114
|
+
padding-inline-start: 32px;
|
|
22115
|
+
}
|
|
22116
|
+
|
|
22117
|
+
.k-drawer-item.k-level-3 {
|
|
22118
|
+
padding-inline-start: 48px;
|
|
22119
|
+
}
|
|
22120
|
+
|
|
22121
|
+
.k-drawer-item.k-level-4 {
|
|
22122
|
+
padding-inline-start: 64px;
|
|
22123
|
+
}
|
|
22124
|
+
|
|
22125
|
+
.k-drawer-item.k-level-5 {
|
|
22126
|
+
padding-inline-start: 80px;
|
|
22089
22127
|
}
|
|
22090
22128
|
|
|
22091
22129
|
.k-drawer-separator {
|
package/dist/all.scss
CHANGED
|
@@ -15896,6 +15896,16 @@ $slider-disabled-opacity: null !default;
|
|
|
15896
15896
|
flex: 0 0 1px;
|
|
15897
15897
|
}
|
|
15898
15898
|
|
|
15899
|
+
.k-tick-horizontal {
|
|
15900
|
+
width: 1px;
|
|
15901
|
+
min-height: 100%;
|
|
15902
|
+
}
|
|
15903
|
+
|
|
15904
|
+
.k-tick-vertical {
|
|
15905
|
+
width: 100%;
|
|
15906
|
+
min-height: 1px;
|
|
15907
|
+
}
|
|
15908
|
+
|
|
15899
15909
|
.k-draghandle {
|
|
15900
15910
|
position: absolute;
|
|
15901
15911
|
}
|
|
@@ -22499,6 +22509,9 @@ $drawer-font-size: $font-size !default;
|
|
|
22499
22509
|
$drawer-line-height: $line-height !default;
|
|
22500
22510
|
$drawer-content-padding-x: $padding-x !default;
|
|
22501
22511
|
$drawer-content-padding-y: $padding-y !default;
|
|
22512
|
+
$drawer-item-level-padding-x: map-get( $spacing, 4 ) !default;
|
|
22513
|
+
|
|
22514
|
+
$drawer-item-level-count: 5 !default;
|
|
22502
22515
|
|
|
22503
22516
|
$drawer-scrollbar-width: 7px !default;
|
|
22504
22517
|
$drawer-scrollbar-color: rgba(156, 156, 156, .7) !default;
|
|
@@ -22540,6 +22553,7 @@ $drawer-selected-hover-text: $selected-hover-text !default;
|
|
|
22540
22553
|
}
|
|
22541
22554
|
.k-drawer {
|
|
22542
22555
|
height: 100%;
|
|
22556
|
+
max-width: 100%;
|
|
22543
22557
|
border-width: 0;
|
|
22544
22558
|
border-style: solid;
|
|
22545
22559
|
box-sizing: border-box;
|
|
@@ -22692,6 +22706,20 @@ $drawer-selected-hover-text: $selected-hover-text !default;
|
|
|
22692
22706
|
padding: 0 $drawer-item-padding-x;
|
|
22693
22707
|
display: inline-block;
|
|
22694
22708
|
white-space: nowrap;
|
|
22709
|
+
overflow: hidden;
|
|
22710
|
+
text-overflow: ellipsis;
|
|
22711
|
+
}
|
|
22712
|
+
|
|
22713
|
+
.k-drawer-toggle {
|
|
22714
|
+
margin-inline-start: auto;
|
|
22715
|
+
cursor: pointer;
|
|
22716
|
+
}
|
|
22717
|
+
|
|
22718
|
+
// Hierarchy items
|
|
22719
|
+
@for $i from 1 through $drawer-item-level-count {
|
|
22720
|
+
&.k-level-#{$i} {
|
|
22721
|
+
padding-inline-start: ( $drawer-item-level-padding-x * $i );
|
|
22722
|
+
}
|
|
22695
22723
|
}
|
|
22696
22724
|
}
|
|
22697
22725
|
.k-drawer-separator {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-default",
|
|
3
3
|
"description": "SASS resources for the default Kendo UI theme",
|
|
4
|
-
"version": "5.4.2-dev.
|
|
4
|
+
"version": "5.4.2-dev.5",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"prepublishOnly": "node ../../scripts/themes-prepublish.js",
|
|
48
48
|
"postpublish": "echo 'no postpublish for default theme'"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "504be86c0a4fb0317a91504ee638292815f64b3d"
|
|
51
51
|
}
|
package/scss/drawer/_layout.scss
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
}
|
|
12
12
|
.k-drawer {
|
|
13
13
|
height: 100%;
|
|
14
|
+
max-width: 100%;
|
|
14
15
|
border-width: 0;
|
|
15
16
|
border-style: solid;
|
|
16
17
|
box-sizing: border-box;
|
|
@@ -163,6 +164,20 @@
|
|
|
163
164
|
padding: 0 $drawer-item-padding-x;
|
|
164
165
|
display: inline-block;
|
|
165
166
|
white-space: nowrap;
|
|
167
|
+
overflow: hidden;
|
|
168
|
+
text-overflow: ellipsis;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
.k-drawer-toggle {
|
|
172
|
+
margin-inline-start: auto;
|
|
173
|
+
cursor: pointer;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
// Hierarchy items
|
|
177
|
+
@for $i from 1 through $drawer-item-level-count {
|
|
178
|
+
&.k-level-#{$i} {
|
|
179
|
+
padding-inline-start: ( $drawer-item-level-padding-x * $i );
|
|
180
|
+
}
|
|
166
181
|
}
|
|
167
182
|
}
|
|
168
183
|
.k-drawer-separator {
|
|
@@ -8,6 +8,9 @@ $drawer-font-size: $font-size !default;
|
|
|
8
8
|
$drawer-line-height: $line-height !default;
|
|
9
9
|
$drawer-content-padding-x: $padding-x !default;
|
|
10
10
|
$drawer-content-padding-y: $padding-y !default;
|
|
11
|
+
$drawer-item-level-padding-x: map-get( $spacing, 4 ) !default;
|
|
12
|
+
|
|
13
|
+
$drawer-item-level-count: 5 !default;
|
|
11
14
|
|
|
12
15
|
$drawer-scrollbar-width: 7px !default;
|
|
13
16
|
$drawer-scrollbar-color: rgba(156, 156, 156, .7) !default;
|
package/scss/slider/_layout.scss
CHANGED