@progress/kendo-theme-default 5.3.2-dev.3 → 5.4.1
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 +472 -209
- package/dist/all.scss +455 -178
- 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/action-sheet/_theme.scss +6 -3
- package/scss/adaptive/_theme.scss +4 -2
- package/scss/bottom-navigation/_layout.scss +2 -1
- package/scss/bottom-navigation/_theme.scss +8 -2
- package/scss/breadcrumb/_theme.scss +10 -5
- package/scss/calendar/_layout.scss +2 -1
- package/scss/calendar/_theme.scss +6 -0
- package/scss/chat/_layout.scss +5 -2
- package/scss/chat/_theme.scss +4 -2
- package/scss/colorpalette/_layout.scss +4 -1
- package/scss/colorpalette/_theme.scss +1 -0
- package/scss/common/_base.scss +1 -0
- package/scss/core/mixins/_input-ripple.scss +4 -2
- package/scss/dataviz/_theme.scss +2 -1
- package/scss/drawer/_theme.scss +10 -5
- package/scss/editor/_layout.scss +4 -2
- package/scss/editor/_theme.scss +6 -3
- package/scss/expansion-panel/_theme.scss +6 -3
- package/scss/filemanager/_theme.scss +2 -1
- package/scss/gantt/_layout.scss +6 -3
- package/scss/gantt/_theme.scss +14 -7
- package/scss/grid/_theme.scss +80 -23
- package/scss/input/_layout.scss +8 -0
- package/scss/listview/_theme.scss +4 -2
- package/scss/orgchart/_theme.scss +2 -1
- package/scss/pager/_layout.scss +6 -3
- package/scss/pager/_theme.scss +20 -10
- package/scss/panelbar/_theme.scss +53 -14
- package/scss/pivotgrid/_theme.scss +7 -1
- package/scss/progressbar/_layout.scss +22 -10
- package/scss/progressbar/_theme.scss +2 -1
- package/scss/radio/_layout.scss +2 -1
- package/scss/radio/_theme.scss +6 -3
- package/scss/rating/_theme.scss +10 -5
- package/scss/scheduler/_layout.scss +9 -4
- package/scss/scheduler/_theme.scss +20 -8
- package/scss/scrollview/_theme.scss +8 -4
- package/scss/slider/_layout.scss +2 -1
- package/scss/slider/_theme.scss +6 -3
- package/scss/splitter/_theme.scss +4 -1
- package/scss/spreadsheet/_layout.scss +6 -3
- package/scss/spreadsheet/_theme.scss +13 -6
- package/scss/stepper/_layout.scss +2 -1
- package/scss/stepper/_theme.scss +2 -1
- package/scss/tabstrip/_layout.scss +14 -7
- package/scss/tabstrip/_theme.scss +11 -5
- package/scss/taskboard/_theme.scss +2 -1
- package/scss/tilelayout/_theme.scss +2 -1
- package/scss/timeline/_theme.scss +4 -2
- package/scss/timeselector/_layout.scss +2 -1
- package/scss/timeselector/_theme.scss +2 -1
- package/scss/treelist/_layout.scss +2 -1
- package/scss/upload/_layout.scss +2 -1
- package/scss/upload/_theme.scss +5 -2
- package/scss/window/_theme.scss +2 -1
- package/scss/wizard/_layout.scss +2 -1
- package/scss/wizard/_theme.scss +4 -2
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
|
+
"version": "5.4.1",
|
|
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": "657719f68c3ea19c77f5f1800c511e2d460eb082"
|
|
51
51
|
}
|
|
@@ -43,7 +43,8 @@
|
|
|
43
43
|
|
|
44
44
|
// Hover state
|
|
45
45
|
&:hover,
|
|
46
|
-
&.k-state-hover
|
|
46
|
+
&.k-state-hover ,
|
|
47
|
+
&.k-hover {
|
|
47
48
|
@include fill(
|
|
48
49
|
$actionsheet-item-hover-text,
|
|
49
50
|
$actionsheet-item-hover-bg,
|
|
@@ -56,7 +57,8 @@
|
|
|
56
57
|
|
|
57
58
|
// Focus state
|
|
58
59
|
&:focus,
|
|
59
|
-
&.k-state-focus
|
|
60
|
+
&.k-state-focus ,
|
|
61
|
+
&.k-focus {
|
|
60
62
|
@include fill(
|
|
61
63
|
$actionsheet-item-focus-text,
|
|
62
64
|
$actionsheet-item-focus-bg,
|
|
@@ -69,7 +71,8 @@
|
|
|
69
71
|
|
|
70
72
|
// Disabed state
|
|
71
73
|
&:disabled,
|
|
72
|
-
&.k-state-disabled
|
|
74
|
+
&.k-state-disabled ,
|
|
75
|
+
&.k-disabled {
|
|
73
76
|
@include fill(
|
|
74
77
|
$actionsheet-item-disabled-text,
|
|
75
78
|
$actionsheet-item-disabled-bg,
|
|
@@ -82,11 +82,13 @@
|
|
|
82
82
|
|
|
83
83
|
.k-column-menu {
|
|
84
84
|
|
|
85
|
-
.k-listgroup-item.k-state-selected
|
|
85
|
+
.k-listgroup-item.k-state-selected ,
|
|
86
|
+
.k-listgroup-item.k-selected {
|
|
86
87
|
color: $adaptive-grid-sort-text;
|
|
87
88
|
background: none;
|
|
88
89
|
}
|
|
89
|
-
.k-listgroup-item.k-state-selected .k-link
|
|
90
|
+
.k-listgroup-item.k-state-selected .k-link ,
|
|
91
|
+
.k-listgroup-item.k-selected .k-link {
|
|
90
92
|
color: inherit;
|
|
91
93
|
}
|
|
92
94
|
}
|
|
@@ -9,12 +9,15 @@
|
|
|
9
9
|
);
|
|
10
10
|
|
|
11
11
|
.k-bottom-nav-item.k-state-focus,
|
|
12
|
+
.k-bottom-nav-item.k-focus,
|
|
12
13
|
.k-bottom-nav-item.k-state-focused,
|
|
14
|
+
.k-bottom-nav-item.k-focus,
|
|
13
15
|
.k-bottom-nav-item:focus {
|
|
14
16
|
@include fill( $bg: rgba(true-mix( $color, contrast-wcag( $color ), 35%), .2));
|
|
15
17
|
}
|
|
16
18
|
|
|
17
|
-
.k-bottom-nav-item.k-state-selected
|
|
19
|
+
.k-bottom-nav-item.k-state-selected ,
|
|
20
|
+
.k-bottom-nav-item.k-selected {
|
|
18
21
|
@include fill( $color: contrast-wcag( $color ) );
|
|
19
22
|
}
|
|
20
23
|
}
|
|
@@ -29,13 +32,16 @@
|
|
|
29
32
|
);
|
|
30
33
|
|
|
31
34
|
.k-bottom-nav-item.k-state-focus,
|
|
35
|
+
.k-bottom-nav-item.k-focus,
|
|
32
36
|
.k-bottom-nav-item.k-state-focused,
|
|
37
|
+
.k-bottom-nav-item.k-focus,
|
|
33
38
|
.k-bottom-nav-item:focus {
|
|
34
39
|
@include fill( $bg: rgba($bottom-nav-flat-text, .05) );
|
|
35
40
|
}
|
|
36
41
|
|
|
37
42
|
@each $name, $color in $kendo-theme-colors {
|
|
38
|
-
&.k-bottom-nav-#{$name} .k-bottom-nav-item.k-state-selected
|
|
43
|
+
&.k-bottom-nav-#{$name} .k-bottom-nav-item.k-state-selected ,
|
|
44
|
+
&.k-bottom-nav-#{$name} .k-bottom-nav-item.k-selected {
|
|
39
45
|
@if $name == "secondary" or $name == "light" {
|
|
40
46
|
@include fill( $color: try-shade($color, 3) );
|
|
41
47
|
} @else {
|
|
@@ -9,7 +9,8 @@
|
|
|
9
9
|
);
|
|
10
10
|
|
|
11
11
|
&:focus,
|
|
12
|
-
&.k-state-focused
|
|
12
|
+
&.k-state-focused ,
|
|
13
|
+
&.k-focus {
|
|
13
14
|
@include box-shadow( $breadcrumb-focused-shadow );
|
|
14
15
|
}
|
|
15
16
|
}
|
|
@@ -25,7 +26,8 @@
|
|
|
25
26
|
|
|
26
27
|
// Hovered state
|
|
27
28
|
&:hover,
|
|
28
|
-
&.k-state-hover
|
|
29
|
+
&.k-state-hover ,
|
|
30
|
+
&.k-hover {
|
|
29
31
|
@include fill(
|
|
30
32
|
$breadcrumb-link-hovered-text,
|
|
31
33
|
$breadcrumb-link-hovered-bg,
|
|
@@ -35,7 +37,8 @@
|
|
|
35
37
|
|
|
36
38
|
// Focused state
|
|
37
39
|
&:focus,
|
|
38
|
-
&.k-state-focused
|
|
40
|
+
&.k-state-focused ,
|
|
41
|
+
&.k-focus {
|
|
39
42
|
@include fill(
|
|
40
43
|
$breadcrumb-link-focused-text,
|
|
41
44
|
$breadcrumb-link-focused-bg,
|
|
@@ -56,7 +59,8 @@
|
|
|
56
59
|
|
|
57
60
|
// Hovered state
|
|
58
61
|
&:hover,
|
|
59
|
-
&.k-state-hover
|
|
62
|
+
&.k-state-hover ,
|
|
63
|
+
&.k-hover {
|
|
60
64
|
@include fill(
|
|
61
65
|
$breadcrumb-root-link-hovered-text,
|
|
62
66
|
$breadcrumb-root-link-hovered-bg,
|
|
@@ -66,7 +70,8 @@
|
|
|
66
70
|
|
|
67
71
|
// Focused state
|
|
68
72
|
&:focus,
|
|
69
|
-
&.k-state-focused
|
|
73
|
+
&.k-state-focused ,
|
|
74
|
+
&.k-focus {
|
|
70
75
|
@include fill(
|
|
71
76
|
$breadcrumb-root-link-focused-text,
|
|
72
77
|
$breadcrumb-root-link-focused-bg,
|
|
@@ -109,7 +109,9 @@
|
|
|
109
109
|
);
|
|
110
110
|
}
|
|
111
111
|
.k-calendar-td.k-state-selected:hover .k-link,
|
|
112
|
+
.k-calendar-td.k-selected:hover .k-link,
|
|
112
113
|
.k-calendar-td.k-state-selected.k-state-hover .k-link,
|
|
114
|
+
.k-calendar-td.k-selected.k-hover .k-link,
|
|
113
115
|
.k-calendar-td.k-selected:hover .k-link,
|
|
114
116
|
.k-calendar-td.k-selected.k-hover .k-link {
|
|
115
117
|
@include fill(
|
|
@@ -120,12 +122,15 @@
|
|
|
120
122
|
);
|
|
121
123
|
}
|
|
122
124
|
.k-calendar-td.k-state-focused .k-link,
|
|
125
|
+
.k-calendar-td.k-focus .k-link,
|
|
123
126
|
.k-calendar-td.k-state-focus .k-link,
|
|
124
127
|
.k-calendar-td.k-focus .k-link {
|
|
125
128
|
box-shadow: $calendar-cell-focused-shadow;
|
|
126
129
|
}
|
|
127
130
|
.k-calendar-td.k-state-selected.k-state-focused .k-link,
|
|
131
|
+
.k-calendar-td.k-selected.k-focused .k-link,
|
|
128
132
|
.k-calendar-td.k-state-selected.k-state-focus .k-link,
|
|
133
|
+
.k-calendar-td.k-selected.k-focus .k-link,
|
|
129
134
|
.k-calendar-td.k-selected:focus .k-link,
|
|
130
135
|
.k-calendar-td.k-selected.k-focus .k-link {
|
|
131
136
|
box-shadow: $calendar-cell-selected-focus-shadow;
|
|
@@ -225,6 +230,7 @@
|
|
|
225
230
|
}
|
|
226
231
|
|
|
227
232
|
.k-range-start.k-state-active,
|
|
233
|
+
.k-range-start.k-active,
|
|
228
234
|
.k-range-end.k-state-active,
|
|
229
235
|
.k-range-end.k-active {
|
|
230
236
|
.k-link {
|
package/scss/chat/_layout.scss
CHANGED
|
@@ -152,7 +152,8 @@
|
|
|
152
152
|
|
|
153
153
|
|
|
154
154
|
// Message states
|
|
155
|
-
.k-message.k-state-selected
|
|
155
|
+
.k-message.k-state-selected ,
|
|
156
|
+
.k-message.k-selected {
|
|
156
157
|
margin-bottom: $chat-item-spacing-y;
|
|
157
158
|
border: 0;
|
|
158
159
|
color: inherit;
|
|
@@ -281,6 +282,7 @@
|
|
|
281
282
|
|
|
282
283
|
&:focus,
|
|
283
284
|
&.k-state-focus,
|
|
285
|
+
&.k-focus,
|
|
284
286
|
&:focus-within {
|
|
285
287
|
outline: 0;
|
|
286
288
|
box-shadow: none;
|
|
@@ -360,7 +362,8 @@
|
|
|
360
362
|
flex: 0 0 auto;
|
|
361
363
|
}
|
|
362
364
|
|
|
363
|
-
&.k-state-selected
|
|
365
|
+
&.k-state-selected ,
|
|
366
|
+
&.k-selected {
|
|
364
367
|
background: none;
|
|
365
368
|
}
|
|
366
369
|
}
|
package/scss/chat/_theme.scss
CHANGED
|
@@ -38,7 +38,8 @@
|
|
|
38
38
|
.k-bubble:hover {
|
|
39
39
|
@include box-shadow( $chat-bubble-hover-shadow );
|
|
40
40
|
}
|
|
41
|
-
.k-state-selected .k-bubble
|
|
41
|
+
.k-state-selected .k-bubble ,
|
|
42
|
+
.k-selected .k-bubble {
|
|
42
43
|
@include box-shadow( $chat-bubble-selected-shadow );
|
|
43
44
|
}
|
|
44
45
|
|
|
@@ -53,7 +54,8 @@
|
|
|
53
54
|
.k-alt .k-bubble:hover {
|
|
54
55
|
@include box-shadow( $chat-alt-bubble-hover-shadow );
|
|
55
56
|
}
|
|
56
|
-
.k-alt .k-state-selected .k-bubble
|
|
57
|
+
.k-alt .k-state-selected .k-bubble ,
|
|
58
|
+
.k-alt .k-selected .k-bubble {
|
|
57
59
|
@include box-shadow( $chat-alt-bubble-selected-shadow );
|
|
58
60
|
}
|
|
59
61
|
|
package/scss/common/_base.scss
CHANGED
|
@@ -17,13 +17,15 @@
|
|
|
17
17
|
background-color: $primary;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
&.k-state-focused::after
|
|
20
|
+
&.k-state-focused::after ,
|
|
21
|
+
&.k-focus::after {
|
|
21
22
|
opacity: 1;
|
|
22
23
|
transform: scaleX(1);
|
|
23
24
|
}
|
|
24
25
|
|
|
25
26
|
|
|
26
|
-
&.k-state-invalid::after
|
|
27
|
+
&.k-state-invalid::after ,
|
|
28
|
+
&.k-invalid::after {
|
|
27
29
|
background-color: $error;
|
|
28
30
|
transition: none;
|
|
29
31
|
}
|
package/scss/dataviz/_theme.scss
CHANGED
package/scss/drawer/_theme.scss
CHANGED
|
@@ -25,29 +25,34 @@
|
|
|
25
25
|
.k-drawer-item {
|
|
26
26
|
|
|
27
27
|
&:hover,
|
|
28
|
-
&.k-state-hover
|
|
28
|
+
&.k-state-hover ,
|
|
29
|
+
&.k-hover {
|
|
29
30
|
color: $drawer-hovered-text;
|
|
30
31
|
background-color: $drawer-hovered-bg;
|
|
31
32
|
}
|
|
32
33
|
|
|
33
34
|
&:focus,
|
|
34
|
-
&.k-state-focused
|
|
35
|
+
&.k-state-focused ,
|
|
36
|
+
&.k-focus {
|
|
35
37
|
background-color: $drawer-focused-bg;
|
|
36
38
|
box-shadow: $drawer-focused-shadow;
|
|
37
39
|
|
|
38
40
|
&:hover,
|
|
39
|
-
&.k-state-hover
|
|
41
|
+
&.k-state-hover ,
|
|
42
|
+
&.k-hover {
|
|
40
43
|
color: $drawer-hovered-text;
|
|
41
44
|
background-color: $drawer-hovered-bg;
|
|
42
45
|
}
|
|
43
46
|
}
|
|
44
47
|
|
|
45
|
-
&.k-state-selected
|
|
48
|
+
&.k-state-selected ,
|
|
49
|
+
&.k-selected {
|
|
46
50
|
color: $drawer-selected-text;
|
|
47
51
|
background-color: $drawer-selected-bg;
|
|
48
52
|
|
|
49
53
|
&:hover,
|
|
50
|
-
&.k-state-hover
|
|
54
|
+
&.k-state-hover ,
|
|
55
|
+
&.k-hover {
|
|
51
56
|
color: $drawer-selected-hover-text;
|
|
52
57
|
background-color: $drawer-selected-hover-bg;
|
|
53
58
|
}
|
package/scss/editor/_layout.scss
CHANGED
|
@@ -42,7 +42,8 @@
|
|
|
42
42
|
pointer-events: auto;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.k-editor-content.k-state-focused
|
|
45
|
+
.k-editor-content.k-state-focused ,
|
|
46
|
+
.k-editor-content.k-focus {
|
|
46
47
|
outline-width: 1px;
|
|
47
48
|
outline-style: dashed;
|
|
48
49
|
}
|
|
@@ -495,7 +496,8 @@
|
|
|
495
496
|
display: block;
|
|
496
497
|
margin: auto;
|
|
497
498
|
|
|
498
|
-
&.k-state-selected
|
|
499
|
+
&.k-state-selected ,
|
|
500
|
+
&.k-selected {
|
|
499
501
|
color: inherit;
|
|
500
502
|
border-width: 0;
|
|
501
503
|
background-image: none;
|
package/scss/editor/_theme.scss
CHANGED
|
@@ -10,7 +10,8 @@
|
|
|
10
10
|
|
|
11
11
|
kendo-editor {
|
|
12
12
|
&.k-readonly {
|
|
13
|
-
.k-editor-content.k-state-focused
|
|
13
|
+
.k-editor-content.k-state-focused ,
|
|
14
|
+
.k-editor-content.k-focus {
|
|
14
15
|
outline-color: $body-text;
|
|
15
16
|
}
|
|
16
17
|
}
|
|
@@ -47,7 +48,8 @@
|
|
|
47
48
|
|
|
48
49
|
// Hover & Actve state
|
|
49
50
|
&:hover,
|
|
50
|
-
&.k-state-active
|
|
51
|
+
&.k-state-active ,
|
|
52
|
+
&.k-active {
|
|
51
53
|
border-color: $panel-border;
|
|
52
54
|
}
|
|
53
55
|
}
|
|
@@ -64,7 +66,8 @@
|
|
|
64
66
|
|
|
65
67
|
// Insert table
|
|
66
68
|
.k-ct-popup {
|
|
67
|
-
.k-state-selected
|
|
69
|
+
.k-state-selected ,
|
|
70
|
+
.k-selected {
|
|
68
71
|
@include fill( $selected-text, $selected-bg, $selected-border, none );
|
|
69
72
|
}
|
|
70
73
|
}
|
|
@@ -7,7 +7,8 @@
|
|
|
7
7
|
$expander-border
|
|
8
8
|
);
|
|
9
9
|
|
|
10
|
-
&.k-state-focus
|
|
10
|
+
&.k-state-focus ,
|
|
11
|
+
&.k-focus {
|
|
11
12
|
box-shadow: $expander-focus-shadow;
|
|
12
13
|
}
|
|
13
14
|
}
|
|
@@ -21,12 +22,14 @@
|
|
|
21
22
|
outline: none;
|
|
22
23
|
|
|
23
24
|
&:hover,
|
|
24
|
-
&.k-state-hover
|
|
25
|
+
&.k-state-hover ,
|
|
26
|
+
&.k-hover {
|
|
25
27
|
background-color: $expander-header-hover-bg;
|
|
26
28
|
}
|
|
27
29
|
|
|
28
30
|
// Should be removed
|
|
29
|
-
&.k-state-focused
|
|
31
|
+
&.k-state-focused ,
|
|
32
|
+
&.k-focus {
|
|
30
33
|
background-color: $expander-header-focused-bg;
|
|
31
34
|
box-shadow: $expander-header-focused-shadow;
|
|
32
35
|
}
|
package/scss/gantt/_layout.scss
CHANGED
|
@@ -82,7 +82,8 @@
|
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
tr.k-state-selected > td:last-child
|
|
85
|
+
tr.k-state-selected > td:last-child ,
|
|
86
|
+
tr.k-selected > td:last-child {
|
|
86
87
|
background: transparent;
|
|
87
88
|
}
|
|
88
89
|
|
|
@@ -351,7 +352,8 @@
|
|
|
351
352
|
border-color: currentColor;
|
|
352
353
|
position: absolute;
|
|
353
354
|
}
|
|
354
|
-
.k-gantt-line.k-state-selected
|
|
355
|
+
.k-gantt-line.k-state-selected ,
|
|
356
|
+
.k-gantt-line.k-selected {
|
|
355
357
|
z-index: 3;
|
|
356
358
|
}
|
|
357
359
|
|
|
@@ -424,7 +426,8 @@
|
|
|
424
426
|
transform: translate(-50%, -50%);
|
|
425
427
|
}
|
|
426
428
|
.k-task-dot:hover::before,
|
|
427
|
-
.k-task-dot.k-state-hover::before
|
|
429
|
+
.k-task-dot.k-state-hover::before ,
|
|
430
|
+
.k-task-dot.k-hover::before {
|
|
428
431
|
border-width: 1px;
|
|
429
432
|
}
|
|
430
433
|
.k-task-start { left: 0; }
|
package/scss/gantt/_theme.scss
CHANGED
|
@@ -15,7 +15,8 @@
|
|
|
15
15
|
$border: $gantt-milestone-border
|
|
16
16
|
);
|
|
17
17
|
}
|
|
18
|
-
.k-task-milestone.k-state-selected .k-task-milestone-content
|
|
18
|
+
.k-task-milestone.k-state-selected .k-task-milestone-content ,
|
|
19
|
+
.k-task-milestone.k-selected .k-task-milestone-content {
|
|
19
20
|
@include fill(
|
|
20
21
|
$bg: $gantt-milestone-selected-bg,
|
|
21
22
|
$border: $gantt-milestone-selected-border
|
|
@@ -29,7 +30,8 @@
|
|
|
29
30
|
stroke: $gantt-line-fill;
|
|
30
31
|
}
|
|
31
32
|
|
|
32
|
-
polyline.k-state-selected
|
|
33
|
+
polyline.k-state-selected ,
|
|
34
|
+
polyline.k-selected {
|
|
33
35
|
stroke: $gantt-line-selected-fill;
|
|
34
36
|
}
|
|
35
37
|
}
|
|
@@ -82,7 +84,8 @@
|
|
|
82
84
|
);
|
|
83
85
|
}
|
|
84
86
|
.k-task-dot:hover::before,
|
|
85
|
-
.k-task-dot.k-state-hover::before
|
|
87
|
+
.k-task-dot.k-state-hover::before ,
|
|
88
|
+
.k-task-dot.k-hover::before {
|
|
86
89
|
@include fill(
|
|
87
90
|
$bg: $gantt-dot-hover-bg,
|
|
88
91
|
$border: $gantt-dot-hover-border
|
|
@@ -107,7 +110,8 @@
|
|
|
107
110
|
);
|
|
108
111
|
}
|
|
109
112
|
}
|
|
110
|
-
.k-task-milestone.k-state-selected
|
|
113
|
+
.k-task-milestone.k-state-selected ,
|
|
114
|
+
.k-task-milestone.k-selected {
|
|
111
115
|
background-image: none;
|
|
112
116
|
@include fill(
|
|
113
117
|
$bg: $gantt-milestone-selected-bg,
|
|
@@ -137,7 +141,8 @@
|
|
|
137
141
|
.k-task-advanced .k-task-summary-complete {
|
|
138
142
|
color: $gantt-advanced-bg;
|
|
139
143
|
}
|
|
140
|
-
.k-task-summary.k-state-selected
|
|
144
|
+
.k-task-summary.k-state-selected ,
|
|
145
|
+
.k-task-summary.k-selected {
|
|
141
146
|
color: $gantt-summary-selected-bg;
|
|
142
147
|
|
|
143
148
|
.k-task-summary-complete {
|
|
@@ -180,7 +185,8 @@
|
|
|
180
185
|
$bg: $gantt-advanced-bg
|
|
181
186
|
);
|
|
182
187
|
}
|
|
183
|
-
.k-task-single.k-state-selected
|
|
188
|
+
.k-task-single.k-state-selected ,
|
|
189
|
+
.k-task-single.k-selected {
|
|
184
190
|
@include fill(
|
|
185
191
|
$gantt-task-selected-text,
|
|
186
192
|
$gantt-task-selected-bg,
|
|
@@ -196,7 +202,8 @@
|
|
|
196
202
|
.k-gantt-line {
|
|
197
203
|
color: $gantt-line-fill;
|
|
198
204
|
}
|
|
199
|
-
.k-gantt-line.k-state-selected
|
|
205
|
+
.k-gantt-line.k-state-selected ,
|
|
206
|
+
.k-gantt-line.k-selected {
|
|
200
207
|
color: $gantt-line-selected-fill;
|
|
201
208
|
}
|
|
202
209
|
|