@progress/kendo-theme-default 5.8.2-dev.4 → 5.8.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 +11 -5
- package/dist/all.scss +15 -4
- 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/core/mixins/_hide-scrollbar.scss +2 -2
- package/scss/filter/_theme.scss +6 -0
- package/scss/filter/_variables.scss +2 -0
- package/scss/toolbar/_layout.scss +2 -1
- package/scss/toolbar/_theme.scss +1 -1
- package/scss/toolbar/_variables.scss +2 -0
package/dist/all.css
CHANGED
|
@@ -16177,7 +16177,8 @@ textarea.k-input-inner {
|
|
|
16177
16177
|
align-items: center;
|
|
16178
16178
|
}
|
|
16179
16179
|
|
|
16180
|
-
.k-toolbar .k-toolbar-item:focus
|
|
16180
|
+
.k-toolbar .k-toolbar-item:focus,
|
|
16181
|
+
.k-toolbar .k-toolbar-item.k-focus {
|
|
16181
16182
|
text-decoration: none;
|
|
16182
16183
|
outline: 0;
|
|
16183
16184
|
}
|
|
@@ -18464,7 +18465,7 @@ kendo-label > .k-label {
|
|
|
18464
18465
|
padding-right: 100px;
|
|
18465
18466
|
padding-left: 100px;
|
|
18466
18467
|
margin-left: -100px;
|
|
18467
|
-
margin-right: -
|
|
18468
|
+
margin-right: calc(-100px - var(--kendo-scrollbar-width, 17px));
|
|
18468
18469
|
}
|
|
18469
18470
|
|
|
18470
18471
|
.k-calendar .k-scrollable-placeholder {
|
|
@@ -18732,7 +18733,7 @@ kendo-label > .k-label {
|
|
|
18732
18733
|
.k-calendar[dir="rtl"] .k-calendar-content.k-scrollable {
|
|
18733
18734
|
padding-right: 100px;
|
|
18734
18735
|
padding-left: 100px;
|
|
18735
|
-
margin-left: -
|
|
18736
|
+
margin-left: calc(-100px - var(--kendo-scrollbar-width, 17px));
|
|
18736
18737
|
margin-right: -100px;
|
|
18737
18738
|
}
|
|
18738
18739
|
|
|
@@ -19072,7 +19073,7 @@ kendo-label > .k-label {
|
|
|
19072
19073
|
padding-right: 100px;
|
|
19073
19074
|
padding-left: 100px;
|
|
19074
19075
|
margin-left: -100px;
|
|
19075
|
-
margin-right: -
|
|
19076
|
+
margin-right: calc(-100px - var(--kendo-scrollbar-width, 17px));
|
|
19076
19077
|
}
|
|
19077
19078
|
|
|
19078
19079
|
.k-time-container > ul,
|
|
@@ -19089,7 +19090,7 @@ kendo-label > .k-label {
|
|
|
19089
19090
|
.k-time-list-content {
|
|
19090
19091
|
padding-right: 100px;
|
|
19091
19092
|
padding-left: 100px;
|
|
19092
|
-
margin-left: -
|
|
19093
|
+
margin-left: calc(-100px - var(--kendo-scrollbar-width, 17px));
|
|
19093
19094
|
margin-right: -100px;
|
|
19094
19095
|
}
|
|
19095
19096
|
|
|
@@ -30072,6 +30073,11 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
|
|
|
30072
30073
|
background-color: rgba(0, 0, 0, 0.08);
|
|
30073
30074
|
}
|
|
30074
30075
|
|
|
30076
|
+
.k-filter .k-toolbar:focus,
|
|
30077
|
+
.k-filter .k-toolbar.k-focus {
|
|
30078
|
+
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
|
|
30079
|
+
}
|
|
30080
|
+
|
|
30075
30081
|
.k-filemanager {
|
|
30076
30082
|
border-width: 1px;
|
|
30077
30083
|
border-style: solid;
|
package/dist/all.scss
CHANGED
|
@@ -868,8 +868,8 @@ $_kendo-imported-modules: ();
|
|
|
868
868
|
// Infinite calendar and timepicker
|
|
869
869
|
@mixin hide-scrollbar($dir: "right", $max-scrollbar: 100px) {
|
|
870
870
|
// anything larger than the scrollbar width will do
|
|
871
|
-
$scrollbar-size:
|
|
872
|
-
$margin:
|
|
871
|
+
$scrollbar-size: var( --kendo-scrollbar-width, #{$default-scrollbar-width} );
|
|
872
|
+
$margin: calc( -#{$max-scrollbar} - #{$scrollbar-size} );
|
|
873
873
|
|
|
874
874
|
padding-right: $max-scrollbar;
|
|
875
875
|
padding-left: $max-scrollbar;
|
|
@@ -10112,6 +10112,8 @@ $toolbar-separator-border: inherit !default;
|
|
|
10112
10112
|
|
|
10113
10113
|
$toolbar-input-width: 10em !default;
|
|
10114
10114
|
|
|
10115
|
+
$toolbar-item-shadow: $kendo-button-focus-shadow !default;
|
|
10116
|
+
|
|
10115
10117
|
// #endregion
|
|
10116
10118
|
// #region @import "../menu/_variables.scss"; -> packages/default/scss/menu/_variables.scss
|
|
10117
10119
|
// Menu
|
|
@@ -13204,7 +13206,8 @@ $tooltip-error-border: $tooltip-error-bg !default;
|
|
|
13204
13206
|
}
|
|
13205
13207
|
|
|
13206
13208
|
// Template item
|
|
13207
|
-
.k-toolbar-item:focus
|
|
13209
|
+
.k-toolbar-item:focus,
|
|
13210
|
+
.k-toolbar-item.k-focus {
|
|
13208
13211
|
text-decoration: none;
|
|
13209
13212
|
outline: 0;
|
|
13210
13213
|
}
|
|
@@ -13373,7 +13376,7 @@ $tooltip-error-border: $tooltip-error-bg !default;
|
|
|
13373
13376
|
// Template item
|
|
13374
13377
|
.k-toolbar-item:focus,
|
|
13375
13378
|
.k-toolbar-item.k-focus {
|
|
13376
|
-
@include box-shadow( $
|
|
13379
|
+
@include box-shadow( $toolbar-item-shadow );
|
|
13377
13380
|
}
|
|
13378
13381
|
|
|
13379
13382
|
|
|
@@ -33129,6 +33132,8 @@ $filter-operator-dropdown-width: 15em !default;
|
|
|
33129
33132
|
$filter-preview-field-text: $primary !default;
|
|
33130
33133
|
$filter-preview-operator-text: $subtle-text !default;
|
|
33131
33134
|
|
|
33135
|
+
$filter-toolbar-focus-shadow: 0 0 0 2px rgba(0, 0, 0, .08) !default;
|
|
33136
|
+
|
|
33132
33137
|
// #endregion
|
|
33133
33138
|
// #region @import "_layout.scss"; -> packages/default/scss/filter/_layout.scss
|
|
33134
33139
|
@include exports("filter/layout") {
|
|
@@ -33276,6 +33281,12 @@ $filter-preview-operator-text: $subtle-text !default;
|
|
|
33276
33281
|
.k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
|
|
33277
33282
|
background-color: $component-border;
|
|
33278
33283
|
}
|
|
33284
|
+
|
|
33285
|
+
// Focus
|
|
33286
|
+
.k-toolbar:focus,
|
|
33287
|
+
.k-toolbar.k-focus {
|
|
33288
|
+
@include box-shadow( $filter-toolbar-focus-shadow );
|
|
33289
|
+
}
|
|
33279
33290
|
}
|
|
33280
33291
|
|
|
33281
33292
|
}
|
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.8.2-dev.
|
|
4
|
+
"version": "5.8.2-dev.5",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"sass-build": "^1.0.0"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "071af936605691a801eaa4de3b8714e6223670f4"
|
|
48
48
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
// Infinite calendar and timepicker
|
|
2
2
|
@mixin hide-scrollbar($dir: "right", $max-scrollbar: 100px) {
|
|
3
3
|
// anything larger than the scrollbar width will do
|
|
4
|
-
$scrollbar-size:
|
|
5
|
-
$margin:
|
|
4
|
+
$scrollbar-size: var( --kendo-scrollbar-width, #{$default-scrollbar-width} );
|
|
5
|
+
$margin: calc( -#{$max-scrollbar} - #{$scrollbar-size} );
|
|
6
6
|
|
|
7
7
|
padding-right: $max-scrollbar;
|
|
8
8
|
padding-left: $max-scrollbar;
|
package/scss/filter/_theme.scss
CHANGED
|
@@ -18,6 +18,12 @@
|
|
|
18
18
|
.k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
|
|
19
19
|
background-color: $component-border;
|
|
20
20
|
}
|
|
21
|
+
|
|
22
|
+
// Focus
|
|
23
|
+
.k-toolbar:focus,
|
|
24
|
+
.k-toolbar.k-focus {
|
|
25
|
+
@include box-shadow( $filter-toolbar-focus-shadow );
|
|
26
|
+
}
|
|
21
27
|
}
|
|
22
28
|
|
|
23
29
|
}
|
package/scss/toolbar/_theme.scss
CHANGED