@progress/kendo-theme-classic 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/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-opal-dark.json +1 -1
- package/lib/swatches/classic-opal.json +1 -1
- package/lib/swatches/classic-silver-dark.json +1 -1
- package/lib/swatches/classic-silver.json +1 -1
- package/package.json +3 -3
- package/scss/drawer/_variables.scss +3 -0
package/dist/all.css
CHANGED
|
@@ -17774,6 +17774,16 @@ kendo-label > .k-label {
|
|
|
17774
17774
|
flex: 0 0 1px;
|
|
17775
17775
|
}
|
|
17776
17776
|
|
|
17777
|
+
.k-slider .k-slider-track-wrap .k-tick-horizontal {
|
|
17778
|
+
width: 1px;
|
|
17779
|
+
min-height: 100%;
|
|
17780
|
+
}
|
|
17781
|
+
|
|
17782
|
+
.k-slider .k-slider-track-wrap .k-tick-vertical {
|
|
17783
|
+
width: 100%;
|
|
17784
|
+
min-height: 1px;
|
|
17785
|
+
}
|
|
17786
|
+
|
|
17777
17787
|
.k-slider .k-slider-track-wrap .k-draghandle {
|
|
17778
17788
|
position: absolute;
|
|
17779
17789
|
}
|
|
@@ -21949,6 +21959,7 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
21949
21959
|
|
|
21950
21960
|
.k-drawer {
|
|
21951
21961
|
height: 100%;
|
|
21962
|
+
max-width: 100%;
|
|
21952
21963
|
border-width: 0;
|
|
21953
21964
|
border-style: solid;
|
|
21954
21965
|
box-sizing: border-box;
|
|
@@ -22093,6 +22104,33 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
22093
22104
|
padding: 0 8px;
|
|
22094
22105
|
display: inline-block;
|
|
22095
22106
|
white-space: nowrap;
|
|
22107
|
+
overflow: hidden;
|
|
22108
|
+
text-overflow: ellipsis;
|
|
22109
|
+
}
|
|
22110
|
+
|
|
22111
|
+
.k-drawer-item .k-drawer-toggle {
|
|
22112
|
+
margin-inline-start: auto;
|
|
22113
|
+
cursor: pointer;
|
|
22114
|
+
}
|
|
22115
|
+
|
|
22116
|
+
.k-drawer-item.k-level-1 {
|
|
22117
|
+
padding-inline-start: 16px;
|
|
22118
|
+
}
|
|
22119
|
+
|
|
22120
|
+
.k-drawer-item.k-level-2 {
|
|
22121
|
+
padding-inline-start: 32px;
|
|
22122
|
+
}
|
|
22123
|
+
|
|
22124
|
+
.k-drawer-item.k-level-3 {
|
|
22125
|
+
padding-inline-start: 48px;
|
|
22126
|
+
}
|
|
22127
|
+
|
|
22128
|
+
.k-drawer-item.k-level-4 {
|
|
22129
|
+
padding-inline-start: 64px;
|
|
22130
|
+
}
|
|
22131
|
+
|
|
22132
|
+
.k-drawer-item.k-level-5 {
|
|
22133
|
+
padding-inline-start: 80px;
|
|
22096
22134
|
}
|
|
22097
22135
|
|
|
22098
22136
|
.k-drawer-separator {
|
package/dist/all.scss
CHANGED
|
@@ -16165,6 +16165,16 @@ $slider-disabled-opacity: null !default;
|
|
|
16165
16165
|
flex: 0 0 1px;
|
|
16166
16166
|
}
|
|
16167
16167
|
|
|
16168
|
+
.k-tick-horizontal {
|
|
16169
|
+
width: 1px;
|
|
16170
|
+
min-height: 100%;
|
|
16171
|
+
}
|
|
16172
|
+
|
|
16173
|
+
.k-tick-vertical {
|
|
16174
|
+
width: 100%;
|
|
16175
|
+
min-height: 1px;
|
|
16176
|
+
}
|
|
16177
|
+
|
|
16168
16178
|
.k-draghandle {
|
|
16169
16179
|
position: absolute;
|
|
16170
16180
|
}
|
|
@@ -22955,6 +22965,9 @@ $drawer-font-size: $font-size !default;
|
|
|
22955
22965
|
$drawer-line-height: $line-height !default;
|
|
22956
22966
|
$drawer-content-padding-x: $padding-x !default;
|
|
22957
22967
|
$drawer-content-padding-y: $padding-y !default;
|
|
22968
|
+
$drawer-item-level-padding-x: map-get( $spacing, 4 ) !default;
|
|
22969
|
+
|
|
22970
|
+
$drawer-item-level-count: 5 !default;
|
|
22958
22971
|
|
|
22959
22972
|
$drawer-scrollbar-width: 7px !default;
|
|
22960
22973
|
$drawer-scrollbar-color: rgba(156, 156, 156, .7) !default;
|
|
@@ -22997,6 +23010,7 @@ $drawer-selected-hover-text: $selected-hover-text !default;
|
|
|
22997
23010
|
}
|
|
22998
23011
|
.k-drawer {
|
|
22999
23012
|
height: 100%;
|
|
23013
|
+
max-width: 100%;
|
|
23000
23014
|
border-width: 0;
|
|
23001
23015
|
border-style: solid;
|
|
23002
23016
|
box-sizing: border-box;
|
|
@@ -23149,6 +23163,20 @@ $drawer-selected-hover-text: $selected-hover-text !default;
|
|
|
23149
23163
|
padding: 0 $drawer-item-padding-x;
|
|
23150
23164
|
display: inline-block;
|
|
23151
23165
|
white-space: nowrap;
|
|
23166
|
+
overflow: hidden;
|
|
23167
|
+
text-overflow: ellipsis;
|
|
23168
|
+
}
|
|
23169
|
+
|
|
23170
|
+
.k-drawer-toggle {
|
|
23171
|
+
margin-inline-start: auto;
|
|
23172
|
+
cursor: pointer;
|
|
23173
|
+
}
|
|
23174
|
+
|
|
23175
|
+
// Hierarchy items
|
|
23176
|
+
@for $i from 1 through $drawer-item-level-count {
|
|
23177
|
+
&.k-level-#{$i} {
|
|
23178
|
+
padding-inline-start: ( $drawer-item-level-padding-x * $i );
|
|
23179
|
+
}
|
|
23152
23180
|
}
|
|
23153
23181
|
}
|
|
23154
23182
|
.k-drawer-separator {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-classic",
|
|
3
3
|
"description": "Sass port of less based themes for 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": [
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"postpublish": "echo 'no postpublish for classic theme'"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@progress/kendo-theme-default": "^5.4.2-dev.
|
|
52
|
+
"@progress/kendo-theme-default": "^5.4.2-dev.5"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "504be86c0a4fb0317a91504ee638292815f64b3d"
|
|
55
55
|
}
|
|
@@ -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;
|