@progress/kendo-theme-core 10.6.0-dev.3 → 10.6.0-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/package.json +2 -2
- package/scss/components/column-menu/_layout.scss +29 -6
- package/scss/components/column-menu/_theme.scss +21 -0
- package/scss/components/column-menu/_variables.scss +6 -0
- package/scss/components/grid/_layout.scss +1 -6
- package/scss/components/pager/_layout.scss +1 -0
- package/scss/components/popup/_layout.scss +11 -0
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-core",
|
|
3
3
|
"description": "A collection of functions and mixins used for building themes for Kendo UI",
|
|
4
|
-
"version": "10.6.0-dev.
|
|
4
|
+
"version": "10.6.0-dev.5",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"directories": {
|
|
46
46
|
"doc": "docs"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "974ffdfcf9036dc8bfd368b17f6fcef80e6a1d98"
|
|
49
49
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
@use "../../spacing/index.import.scss" as *;
|
|
3
|
+
@use "../../border-radii/index.import.scss" as *;
|
|
3
4
|
@use "_variables.scss" as *;
|
|
4
5
|
|
|
5
6
|
@mixin kendo-column-menu--layout-base() {
|
|
@@ -35,27 +36,49 @@
|
|
|
35
36
|
line-height: $_line-height;
|
|
36
37
|
}
|
|
37
38
|
}
|
|
39
|
+
|
|
40
|
+
.k-group-menu-#{$size} {
|
|
41
|
+
font-size: $_font-size;
|
|
42
|
+
line-height: $_line-height;
|
|
43
|
+
|
|
44
|
+
.k-group-menu-item {
|
|
45
|
+
padding-block: $_padding-y;
|
|
46
|
+
padding-inline: $_padding-x;
|
|
47
|
+
font-size: $_font-size;
|
|
48
|
+
line-height: $_line-height;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.k-group-menu .k-group-menu-item-wrap + .k-group-menu-item-wrap {
|
|
54
|
+
border-top: 1px solid;
|
|
38
55
|
}
|
|
39
56
|
|
|
40
|
-
.k-
|
|
57
|
+
.k-group-menu-item {
|
|
58
|
+
display: flex;
|
|
59
|
+
user-select: none;
|
|
60
|
+
gap: k-spacing(1);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.k-group-menu-item-actions {
|
|
41
64
|
display: flex;
|
|
42
65
|
align-items: center;
|
|
43
66
|
justify-content: center;
|
|
44
|
-
gap: k-spacing(2);
|
|
45
67
|
margin-block: calc( k-spacing(1) * -1);
|
|
46
68
|
pointer-events: none;
|
|
47
69
|
}
|
|
48
70
|
|
|
49
|
-
.k-
|
|
71
|
+
.k-group-menu-item-action {
|
|
50
72
|
display: flex;
|
|
51
73
|
align-items: center;
|
|
52
74
|
justify-content: center;
|
|
53
|
-
pointer-events: none;
|
|
54
75
|
padding: k-spacing(1);
|
|
76
|
+
border-radius: k-border-radius(md);
|
|
77
|
+
pointer-events: auto;
|
|
78
|
+
cursor: pointer;
|
|
55
79
|
}
|
|
56
80
|
|
|
57
|
-
.k-
|
|
58
|
-
pointer-events: auto;
|
|
81
|
+
.k-group-menu-item-drag-action {
|
|
59
82
|
cursor: move;
|
|
60
83
|
}
|
|
61
84
|
}
|
|
@@ -1,5 +1,26 @@
|
|
|
1
|
+
@use "../../color-system/_functions.import.scss" as *;
|
|
2
|
+
@use "./_variables.scss" as *;
|
|
3
|
+
|
|
1
4
|
@mixin kendo-column-menu--theme-base() {
|
|
2
5
|
.k-column-menu {}
|
|
6
|
+
|
|
7
|
+
.k-group-menu-item-action:not(.k-group-menu-item-drag-action).k-hover,
|
|
8
|
+
.k-group-menu-item-action:not(.k-group-menu-item-drag-action):hover {
|
|
9
|
+
background-color: $kendo-group-menu-item-action-hover-bg;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.k-group-menu-item-action:not(.k-group-menu-item-drag-action).k-selected,
|
|
13
|
+
.k-group-menu-item-action:not(.k-group-menu-item-drag-action):active {
|
|
14
|
+
background-color: $kendo-group-menu-item-action-selected-bg;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.k-group-menu-item-action.k-group-menu-item-add-action {
|
|
18
|
+
color: $kendo-group-menu-item-add-action-text;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.k-group-menu .k-group-menu-item-wrap + .k-group-menu-item-wrap {
|
|
22
|
+
border-top-color: $kendo-group-menu-item-border;
|
|
23
|
+
}
|
|
3
24
|
}
|
|
4
25
|
|
|
5
26
|
@mixin kendo-column-menu--theme() {
|
|
@@ -42,3 +42,9 @@ $kendo-column-menu-sizes: (
|
|
|
42
42
|
line-height: $kendo-column-menu-lg-line-height
|
|
43
43
|
)
|
|
44
44
|
) !default;
|
|
45
|
+
|
|
46
|
+
// Group Menu
|
|
47
|
+
$kendo-group-menu-item-action-hover-bg: null !default;
|
|
48
|
+
$kendo-group-menu-item-action-selected-bg: null !default;
|
|
49
|
+
$kendo-group-menu-item-add-action-text: null !default;
|
|
50
|
+
$kendo-group-menu-item-border: null !default;
|
|
@@ -1190,14 +1190,12 @@
|
|
|
1190
1190
|
}
|
|
1191
1191
|
}
|
|
1192
1192
|
|
|
1193
|
-
.k-
|
|
1193
|
+
.k-multicheck-wrap {
|
|
1194
1194
|
margin: 0;
|
|
1195
1195
|
padding: 0;
|
|
1196
|
-
max-height: 300px;
|
|
1197
1196
|
font-size: $kendo-list-font-size;
|
|
1198
1197
|
line-height: $kendo-list-line-height;
|
|
1199
1198
|
white-space: nowrap;
|
|
1200
|
-
overflow: auto;
|
|
1201
1199
|
list-style: none;
|
|
1202
1200
|
|
|
1203
1201
|
.k-item,
|
|
@@ -1306,9 +1304,6 @@
|
|
|
1306
1304
|
padding: 0;
|
|
1307
1305
|
margin: 0;
|
|
1308
1306
|
list-style: none;
|
|
1309
|
-
max-height: 200px;
|
|
1310
|
-
overflow-x: hidden;
|
|
1311
|
-
overflow-y: auto;
|
|
1312
1307
|
}
|
|
1313
1308
|
|
|
1314
1309
|
.k-column-chooser-title,
|
|
@@ -73,6 +73,17 @@
|
|
|
73
73
|
border-width: 0;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
+
.k-popup .k-column-list {
|
|
77
|
+
max-height: 200px;
|
|
78
|
+
overflow-x: hidden;
|
|
79
|
+
overflow-y: auto;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.k-popup .k-multicheck-wrap {
|
|
83
|
+
max-height: 300px;
|
|
84
|
+
overflow: auto;
|
|
85
|
+
}
|
|
86
|
+
|
|
76
87
|
// Legacy shadow
|
|
77
88
|
.k-shadow {
|
|
78
89
|
box-shadow: $kendo-popup-shadow;
|