@progress/kendo-theme-bootstrap 5.12.1-dev.3 → 6.0.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 +274 -17
- package/dist/all.scss +160 -23
- package/lib/swatches/bootstrap-3-dark.json +1 -1
- package/lib/swatches/bootstrap-3.json +1 -1
- package/lib/swatches/bootstrap-4-dark.json +1 -1
- package/lib/swatches/bootstrap-4.json +1 -1
- package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
- package/lib/swatches/bootstrap-main-dark.json +1 -1
- package/lib/swatches/bootstrap-main.json +1 -1
- package/lib/swatches/bootstrap-nordic.json +1 -1
- package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
- package/lib/swatches/bootstrap-turquoise.json +1 -1
- package/lib/swatches/bootstrap-urban.json +1 -1
- package/lib/swatches/bootstrap-vintage.json +1 -1
- package/package.json +5 -5
- package/scss/grid/_theme.scss +37 -0
package/scss/grid/_theme.scss
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
background-color: inherit;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
+
td,
|
|
11
12
|
.k-table-td,
|
|
12
13
|
.k-grid-content,
|
|
13
14
|
.k-grid-header-locked,
|
|
@@ -30,7 +31,9 @@
|
|
|
30
31
|
|
|
31
32
|
// Selected state
|
|
32
33
|
.k-table-th.k-selected,
|
|
34
|
+
td.k-selected,
|
|
33
35
|
.k-table-td.k-selected,
|
|
36
|
+
.k-table-row.k-selected > td,
|
|
34
37
|
.k-table-row.k-selected > .k-table-td {
|
|
35
38
|
color: $kendo-grid-selected-text;
|
|
36
39
|
background-color: $kendo-grid-selected-bg;
|
|
@@ -38,7 +41,12 @@
|
|
|
38
41
|
|
|
39
42
|
// Focused state
|
|
40
43
|
.k-table-th,
|
|
44
|
+
td,
|
|
41
45
|
.k-table-td,
|
|
46
|
+
.k-master-row > td,
|
|
47
|
+
.k-grouping-row > td,
|
|
48
|
+
.k-detail-row > td,
|
|
49
|
+
.k-group-footer > td,
|
|
42
50
|
.k-master-row > .k-table-td,
|
|
43
51
|
.k-grouping-row > .k-table-td,
|
|
44
52
|
.k-detail-row > .k-table-td,
|
|
@@ -60,6 +68,7 @@
|
|
|
60
68
|
.k-grid-header-locked,
|
|
61
69
|
.k-grid-content-locked,
|
|
62
70
|
.k-grid-header-locked .k-header,
|
|
71
|
+
.k-grid-content-locked td,
|
|
63
72
|
.k-grid-content-locked .k-table-td {
|
|
64
73
|
border-color: $kendo-grid-sticky-header-border;
|
|
65
74
|
}
|
|
@@ -69,25 +78,31 @@
|
|
|
69
78
|
}
|
|
70
79
|
|
|
71
80
|
.k-grid-content-locked {
|
|
81
|
+
.k-group-footer td,
|
|
72
82
|
.k-group-footer .k-table-td,
|
|
73
83
|
.k-group-cell {
|
|
74
84
|
@include fill( $border: $kendo-grid-header-border );
|
|
75
85
|
}
|
|
76
86
|
|
|
87
|
+
.k-grouping-row + .k-table-row td,
|
|
77
88
|
.k-grouping-row + .k-table-row .k-table-td {
|
|
78
89
|
border-top-color: $kendo-grid-header-border;
|
|
79
90
|
}
|
|
80
91
|
|
|
81
92
|
// Selected state
|
|
93
|
+
.k-selected td,
|
|
82
94
|
.k-selected .k-table-td {
|
|
83
95
|
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
84
96
|
}
|
|
85
97
|
|
|
98
|
+
.k-selected.k-table-alt-row td,
|
|
86
99
|
.k-selected.k-table-alt-row .k-table-td {
|
|
87
100
|
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
88
101
|
}
|
|
89
102
|
|
|
90
103
|
// Selected hover
|
|
104
|
+
.k-selected:hover td,
|
|
105
|
+
.k-selected.k-hover td,
|
|
91
106
|
.k-selected:hover .k-table-td,
|
|
92
107
|
.k-selected.k-hover .k-table-td {
|
|
93
108
|
@include fill( $bg: $kendo-grid-sticky-selected-hover-bg );
|
|
@@ -184,12 +199,14 @@
|
|
|
184
199
|
// Selected state
|
|
185
200
|
&.k-selected .k-grid-content-sticky,
|
|
186
201
|
&.k-selected .k-grid-row-sticky,
|
|
202
|
+
td.k-grid-content-sticky.k-selected,
|
|
187
203
|
.k-table-td.k-grid-content-sticky.k-selected {
|
|
188
204
|
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
189
205
|
}
|
|
190
206
|
|
|
191
207
|
&.k-selected.k-table-alt-row .k-grid-content-sticky,
|
|
192
208
|
&.k-selected.k-table-alt-row .k-grid-row-sticky,
|
|
209
|
+
&.k-table-alt-row td.k-grid-content-sticky.k-selected,
|
|
193
210
|
&.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
194
211
|
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
195
212
|
}
|
|
@@ -209,6 +226,8 @@
|
|
|
209
226
|
&.k-selected.k-hover .k-grid-content-sticky,
|
|
210
227
|
&.k-selected:hover .k-grid-row-sticky,
|
|
211
228
|
&.k-selected.k-hover .k-grid-row-sticky,
|
|
229
|
+
&:hover td.k-grid-content-sticky.k-selected,
|
|
230
|
+
&.k-hover td.k-grid-content-sticky.k-selected,
|
|
212
231
|
&:hover .k-table-td.k-grid-content-sticky.k-selected,
|
|
213
232
|
&.k-hover .k-table-td.k-grid-content-sticky.k-selected {
|
|
214
233
|
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
@@ -228,11 +247,14 @@
|
|
|
228
247
|
}
|
|
229
248
|
}
|
|
230
249
|
|
|
250
|
+
.k-grid-row-sticky td,
|
|
231
251
|
.k-grid-row-sticky .k-table-td {
|
|
232
252
|
border-top-color: $kendo-grid-sticky-border;
|
|
233
253
|
border-bottom-color: $kendo-grid-sticky-border;
|
|
234
254
|
background-color: $kendo-grid-sticky-bg;
|
|
235
255
|
|
|
256
|
+
&:hover td,
|
|
257
|
+
&.k-hover td,
|
|
236
258
|
&:hover .k-table-td,
|
|
237
259
|
&.k-hover .k-table-td {
|
|
238
260
|
background-color: $kendo-grid-sticky-hover-bg;
|
|
@@ -240,12 +262,15 @@
|
|
|
240
262
|
}
|
|
241
263
|
|
|
242
264
|
.k-table-alt-row .k-grid-content-sticky,
|
|
265
|
+
.k-grid-row-sticky.k-table-alt-row td,
|
|
243
266
|
.k-grid-row-sticky.k-table-alt-row .k-table-td {
|
|
244
267
|
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
245
268
|
}
|
|
246
269
|
|
|
247
270
|
// Selected state
|
|
248
271
|
.k-table-row.k-selected .k-grid-content-sticky,
|
|
272
|
+
.k-selected.k-grid-row-sticky td,
|
|
273
|
+
.k-grid-row-sticky td.k-selected,
|
|
249
274
|
.k-selected.k-grid-row-sticky .k-table-td,
|
|
250
275
|
.k-grid-row-sticky .k-table-td.k-selected,
|
|
251
276
|
.k-selected.k-grid-content-sticky {
|
|
@@ -253,6 +278,7 @@
|
|
|
253
278
|
}
|
|
254
279
|
|
|
255
280
|
.k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky,
|
|
281
|
+
.k-selected.k-table-alt-row.k-grid-row-sticky td,
|
|
256
282
|
.k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td,
|
|
257
283
|
.k-table-alt-row .k-selected.k-grid-content-sticky {
|
|
258
284
|
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
@@ -261,6 +287,10 @@
|
|
|
261
287
|
// Hover state
|
|
262
288
|
.k-table-row:hover .k-grid-content-sticky,
|
|
263
289
|
.k-table-row.k-hover .k-grid-content-sticky,
|
|
290
|
+
.k-grid-row-sticky:hover td,
|
|
291
|
+
.k-grid-row-sticky.k-hover td,
|
|
292
|
+
.k-grid-row-sticky.k-table-alt-row:hover td,
|
|
293
|
+
.k-grid-row-sticky.k-table-alt-row.k-hover td,
|
|
264
294
|
.k-grid-row-sticky:hover .k-table-td,
|
|
265
295
|
.k-grid-row-sticky.k-hover .k-table-td,
|
|
266
296
|
.k-grid-row-sticky.k-table-alt-row:hover .k-table-td,
|
|
@@ -273,12 +303,18 @@
|
|
|
273
303
|
// Selected + Hover
|
|
274
304
|
.k-table-row.k-selected:hover .k-grid-content-sticky,
|
|
275
305
|
.k-table-row.k-selected.k-hover .k-grid-content-sticky,
|
|
306
|
+
.k-selected.k-grid-row-sticky:hover td,
|
|
307
|
+
.k-selected.k-grid-row-sticky.k-hover td,
|
|
308
|
+
.k-selected.k-table-alt-row.k-grid-row-sticky:hover td,
|
|
309
|
+
.k-selected.k-table-alt-row.k-grid-row-sticky.k-hover td,
|
|
276
310
|
.k-selected.k-grid-row-sticky:hover .k-table-td,
|
|
277
311
|
.k-selected.k-grid-row-sticky.k-hover .k-table-td,
|
|
278
312
|
.k-selected.k-table-alt-row.k-grid-row-sticky:hover .k-table-td,
|
|
279
313
|
.k-selected.k-table-alt-row.k-grid-row-sticky.k-hover .k-table-td,
|
|
280
314
|
.k-table-row.k-selected.k-table-alt-row:hover .k-grid-content-sticky,
|
|
281
315
|
.k-table-row.k-selected.k-table-alt-row.k-hover .k-grid-content-sticky,
|
|
316
|
+
.k-grid-row-sticky:hover td.k-selected,
|
|
317
|
+
.k-grid-row-sticky.k-hover td.k-selected,
|
|
282
318
|
.k-grid-row-sticky:hover .k-table-td.k-selected,
|
|
283
319
|
.k-grid-row-sticky.k-hover .k-table-td.k-selected,
|
|
284
320
|
.k-table-row:hover .k-grid-content-sticky.k-selected,
|
|
@@ -299,6 +335,7 @@
|
|
|
299
335
|
}
|
|
300
336
|
|
|
301
337
|
.k-group-footer {
|
|
338
|
+
td,
|
|
302
339
|
.k-table-td,
|
|
303
340
|
.k-grid-footer-sticky {
|
|
304
341
|
@include fill( $bg: $kendo-grid-sticky-footer-bg );
|