@progress/kendo-theme-material 5.4.2-dev.4 → 5.5.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/dist/all.css +38 -0
- package/dist/all.scss +28 -0
- package/lib/swatches/material-aqua-dark.json +1 -1
- package/lib/swatches/material-arctic.json +1 -1
- package/lib/swatches/material-burnt-teal.json +1 -1
- package/lib/swatches/material-dataviz-v4.json +1 -1
- package/lib/swatches/material-eggplant.json +1 -1
- package/lib/swatches/material-lime-dark.json +1 -1
- package/lib/swatches/material-lime.json +1 -1
- package/lib/swatches/material-main-dark.json +1 -1
- package/lib/swatches/material-main.json +1 -1
- package/lib/swatches/material-nova.json +1 -1
- package/lib/swatches/material-pacific-dark.json +1 -1
- package/lib/swatches/material-pacific.json +1 -1
- package/lib/swatches/material-sky-dark.json +1 -1
- package/lib/swatches/material-sky.json +1 -1
- package/lib/swatches/material-smoke.json +1 -1
- package/package.json +3 -3
- package/scss/drawer/_variables.scss +3 -0
package/dist/all.css
CHANGED
|
@@ -18718,6 +18718,16 @@ kendo-label > .k-label {
|
|
|
18718
18718
|
flex: 0 0 1px;
|
|
18719
18719
|
}
|
|
18720
18720
|
|
|
18721
|
+
.k-slider .k-slider-track-wrap .k-tick-horizontal {
|
|
18722
|
+
width: 1px;
|
|
18723
|
+
min-height: 100%;
|
|
18724
|
+
}
|
|
18725
|
+
|
|
18726
|
+
.k-slider .k-slider-track-wrap .k-tick-vertical {
|
|
18727
|
+
width: 100%;
|
|
18728
|
+
min-height: 1px;
|
|
18729
|
+
}
|
|
18730
|
+
|
|
18721
18731
|
.k-slider .k-slider-track-wrap .k-draghandle {
|
|
18722
18732
|
position: absolute;
|
|
18723
18733
|
}
|
|
@@ -22981,6 +22991,7 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
22981
22991
|
|
|
22982
22992
|
.k-drawer {
|
|
22983
22993
|
height: 100%;
|
|
22994
|
+
max-width: 100%;
|
|
22984
22995
|
border-width: 0;
|
|
22985
22996
|
border-style: solid;
|
|
22986
22997
|
box-sizing: border-box;
|
|
@@ -23125,6 +23136,33 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
23125
23136
|
padding: 0 16px;
|
|
23126
23137
|
display: inline-block;
|
|
23127
23138
|
white-space: nowrap;
|
|
23139
|
+
overflow: hidden;
|
|
23140
|
+
text-overflow: ellipsis;
|
|
23141
|
+
}
|
|
23142
|
+
|
|
23143
|
+
.k-drawer-item .k-drawer-toggle {
|
|
23144
|
+
margin-inline-start: auto;
|
|
23145
|
+
cursor: pointer;
|
|
23146
|
+
}
|
|
23147
|
+
|
|
23148
|
+
.k-drawer-item.k-level-1 {
|
|
23149
|
+
padding-inline-start: 16px;
|
|
23150
|
+
}
|
|
23151
|
+
|
|
23152
|
+
.k-drawer-item.k-level-2 {
|
|
23153
|
+
padding-inline-start: 32px;
|
|
23154
|
+
}
|
|
23155
|
+
|
|
23156
|
+
.k-drawer-item.k-level-3 {
|
|
23157
|
+
padding-inline-start: 48px;
|
|
23158
|
+
}
|
|
23159
|
+
|
|
23160
|
+
.k-drawer-item.k-level-4 {
|
|
23161
|
+
padding-inline-start: 64px;
|
|
23162
|
+
}
|
|
23163
|
+
|
|
23164
|
+
.k-drawer-item.k-level-5 {
|
|
23165
|
+
padding-inline-start: 80px;
|
|
23128
23166
|
}
|
|
23129
23167
|
|
|
23130
23168
|
.k-drawer-separator {
|
package/dist/all.scss
CHANGED
|
@@ -17814,6 +17814,16 @@ $slider-disabled-opacity: .65 !default;
|
|
|
17814
17814
|
flex: 0 0 1px;
|
|
17815
17815
|
}
|
|
17816
17816
|
|
|
17817
|
+
.k-tick-horizontal {
|
|
17818
|
+
width: 1px;
|
|
17819
|
+
min-height: 100%;
|
|
17820
|
+
}
|
|
17821
|
+
|
|
17822
|
+
.k-tick-vertical {
|
|
17823
|
+
width: 100%;
|
|
17824
|
+
min-height: 1px;
|
|
17825
|
+
}
|
|
17826
|
+
|
|
17817
17827
|
.k-draghandle {
|
|
17818
17828
|
position: absolute;
|
|
17819
17829
|
}
|
|
@@ -24920,6 +24930,9 @@ $drawer-font-size: $font-size !default;
|
|
|
24920
24930
|
$drawer-line-height: $line-height !default;
|
|
24921
24931
|
$drawer-content-padding-x: $padding-x !default;
|
|
24922
24932
|
$drawer-content-padding-y: $padding-y !default;
|
|
24933
|
+
$drawer-item-level-padding-x: map-get( $spacing, 4 ) !default;
|
|
24934
|
+
|
|
24935
|
+
$drawer-item-level-count: 5 !default;
|
|
24923
24936
|
|
|
24924
24937
|
$drawer-scrollbar-width: 7px !default;
|
|
24925
24938
|
$drawer-scrollbar-color: rgba(156, 156, 156, .7) !default;
|
|
@@ -24962,6 +24975,7 @@ $drawer-selected-hover-text: $secondary !default;
|
|
|
24962
24975
|
}
|
|
24963
24976
|
.k-drawer {
|
|
24964
24977
|
height: 100%;
|
|
24978
|
+
max-width: 100%;
|
|
24965
24979
|
border-width: 0;
|
|
24966
24980
|
border-style: solid;
|
|
24967
24981
|
box-sizing: border-box;
|
|
@@ -25114,6 +25128,20 @@ $drawer-selected-hover-text: $secondary !default;
|
|
|
25114
25128
|
padding: 0 $drawer-item-padding-x;
|
|
25115
25129
|
display: inline-block;
|
|
25116
25130
|
white-space: nowrap;
|
|
25131
|
+
overflow: hidden;
|
|
25132
|
+
text-overflow: ellipsis;
|
|
25133
|
+
}
|
|
25134
|
+
|
|
25135
|
+
.k-drawer-toggle {
|
|
25136
|
+
margin-inline-start: auto;
|
|
25137
|
+
cursor: pointer;
|
|
25138
|
+
}
|
|
25139
|
+
|
|
25140
|
+
// Hierarchy items
|
|
25141
|
+
@for $i from 1 through $drawer-item-level-count {
|
|
25142
|
+
&.k-level-#{$i} {
|
|
25143
|
+
padding-inline-start: ( $drawer-item-level-padding-x * $i );
|
|
25144
|
+
}
|
|
25117
25145
|
}
|
|
25118
25146
|
}
|
|
25119
25147
|
.k-drawer-separator {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-material",
|
|
3
3
|
"description": "Material theme for Kendo UI",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.5.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"postpublish": "echo 'no postpublish for material theme'"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@progress/kendo-theme-default": "^5.
|
|
53
|
+
"@progress/kendo-theme-default": "^5.5.0"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "a8983b1816145854eea44b64fc9ee9bc3c5105f6"
|
|
56
56
|
}
|
|
@@ -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;
|