@progress/kendo-theme-default 9.0.0 → 9.0.1-dev.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 +1 -1
- package/dist/all.scss +27 -130
- package/dist/default-blue.css +1 -1
- package/dist/default-dataviz-v4.css +1 -1
- package/dist/default-green.css +1 -1
- package/dist/default-main-dark.css +1 -1
- package/dist/default-main.css +1 -1
- package/dist/default-nordic.css +1 -1
- package/dist/default-ocean-blue-a11y.css +1 -1
- package/dist/default-ocean-blue.css +1 -1
- package/dist/default-orange.css +1 -1
- package/dist/default-purple.css +1 -1
- package/dist/default-turquoise.css +1 -1
- package/dist/default-urban.css +1 -1
- 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-a11y.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 +4 -4
- package/scss/editor/_layout.scss +9 -3
- package/scss/forms/_layout.scss +2 -2
- package/scss/grid/_layout.scss +2 -1
- package/scss/grid/_theme.scss +9 -117
- package/scss/window/_layout.scss +1 -3
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": "9.0.
|
|
4
|
+
"version": "9.0.1-dev.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -52,12 +52,12 @@
|
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@progress/kendo-svg-icons": "3.0.0",
|
|
55
|
-
"@progress/kendo-theme-core": "9.0.
|
|
56
|
-
"@progress/kendo-theme-utils": "9.0.
|
|
55
|
+
"@progress/kendo-theme-core": "9.0.1-dev.1",
|
|
56
|
+
"@progress/kendo-theme-utils": "9.0.1-dev.1"
|
|
57
57
|
},
|
|
58
58
|
"directories": {
|
|
59
59
|
"doc": "docs",
|
|
60
60
|
"lib": "lib"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "d9a7729d1e521340da66dea11035ed501f9a1183"
|
|
63
63
|
}
|
package/scss/editor/_layout.scss
CHANGED
|
@@ -50,6 +50,12 @@
|
|
|
50
50
|
visibility: hidden;
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
+
// Resizable tables
|
|
54
|
+
.k-editor-resize-wrap-element {
|
|
55
|
+
display: inline-block;
|
|
56
|
+
position: relative;
|
|
57
|
+
}
|
|
58
|
+
|
|
53
59
|
.k-editor-resize-handle {
|
|
54
60
|
width: $kendo-editor-resize-handle-size;
|
|
55
61
|
height: $kendo-editor-resize-handle-size;
|
|
@@ -135,7 +141,7 @@
|
|
|
135
141
|
|
|
136
142
|
// Toolbar
|
|
137
143
|
.k-editor-toolbar {
|
|
138
|
-
border-width: 0 0 $kendo-toolbar-border-width
|
|
144
|
+
border-width: 0 0 $kendo-toolbar-border-width;
|
|
139
145
|
flex-shrink: 0;
|
|
140
146
|
|
|
141
147
|
.k-editor-export {
|
|
@@ -390,7 +396,7 @@
|
|
|
390
396
|
|
|
391
397
|
// Filebrowser toolbar
|
|
392
398
|
.k-filebrowser-toolbar {
|
|
393
|
-
margin: k-spacing(4) 0 0
|
|
399
|
+
margin: k-spacing(4) 0 0;
|
|
394
400
|
}
|
|
395
401
|
|
|
396
402
|
.k-upload {
|
|
@@ -417,7 +423,7 @@
|
|
|
417
423
|
flex-flow: row wrap;
|
|
418
424
|
height: 390px;
|
|
419
425
|
max-height: 50vh;
|
|
420
|
-
margin: 0 0 k-spacing(4)
|
|
426
|
+
margin: 0 0 k-spacing(4);
|
|
421
427
|
padding-block: $kendo-padding-md-y;
|
|
422
428
|
padding-inline: $kendo-padding-md-x;
|
|
423
429
|
border-top-width: 0;
|
package/scss/forms/_layout.scss
CHANGED
|
@@ -328,7 +328,7 @@
|
|
|
328
328
|
|
|
329
329
|
|
|
330
330
|
.k-edit-label {
|
|
331
|
-
margin: 0 0 k-spacing(4)
|
|
331
|
+
margin: 0 0 k-spacing(4);
|
|
332
332
|
// TODO: do we need the input variable?
|
|
333
333
|
padding: calc( #{$kendo-input-padding-y} + #{$kendo-input-border-width} ) 0;
|
|
334
334
|
width: 30%;
|
|
@@ -338,7 +338,7 @@
|
|
|
338
338
|
clear: both;
|
|
339
339
|
}
|
|
340
340
|
.k-edit-field {
|
|
341
|
-
margin: 0 0 k-spacing(4)
|
|
341
|
+
margin: 0 0 k-spacing(4);
|
|
342
342
|
width: 65%;
|
|
343
343
|
float: right;
|
|
344
344
|
clear: right;
|
package/scss/grid/_layout.scss
CHANGED
package/scss/grid/_theme.scss
CHANGED
|
@@ -252,7 +252,7 @@
|
|
|
252
252
|
background-color: $kendo-grid-sticky-bg;
|
|
253
253
|
}
|
|
254
254
|
|
|
255
|
-
|
|
255
|
+
&.k-grid-row-sticky > .k-table-td {
|
|
256
256
|
border-top-color: $kendo-grid-sticky-border;
|
|
257
257
|
border-bottom-color: $kendo-grid-sticky-border;
|
|
258
258
|
background-color: $kendo-grid-sticky-bg;
|
|
@@ -260,6 +260,7 @@
|
|
|
260
260
|
|
|
261
261
|
&.k-table-alt-row {
|
|
262
262
|
.k-grid-content-sticky,
|
|
263
|
+
&.k-grid-row-sticky > .k-table-td,
|
|
263
264
|
.k-grid-row-sticky {
|
|
264
265
|
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
265
266
|
}
|
|
@@ -267,6 +268,7 @@
|
|
|
267
268
|
|
|
268
269
|
// Selected state
|
|
269
270
|
&.k-table-row.k-selected td.k-grid-content-sticky,
|
|
271
|
+
&.k-table-row.k-selected.k-grid-row-sticky > .k-table-td,
|
|
270
272
|
&.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
|
|
271
273
|
&.k-table-row td.k-grid-content-sticky.k-selected,
|
|
272
274
|
&.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
@@ -282,6 +284,7 @@
|
|
|
282
284
|
}
|
|
283
285
|
|
|
284
286
|
&.k-selected.k-table-alt-row td.k-grid-content-sticky,
|
|
287
|
+
&.k-selected.k-table-alt-row.k-grid-row-sticky > .k-table-td,
|
|
285
288
|
&.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky,
|
|
286
289
|
&.k-table-alt-row td.k-grid-content-sticky.k-selected,
|
|
287
290
|
&.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
@@ -300,8 +303,10 @@
|
|
|
300
303
|
// Hovered state
|
|
301
304
|
&:hover .k-grid-content-sticky,
|
|
302
305
|
&:hover .k-grid-row-sticky,
|
|
306
|
+
&:hover.k-grid-row-sticky > .k-table-td,
|
|
303
307
|
&.k-hover .k-grid-content-sticky,
|
|
304
|
-
&.k-hover .k-grid-row-sticky
|
|
308
|
+
&.k-hover .k-grid-row-sticky,
|
|
309
|
+
&.k-hover.k-grid-row-sticky > .k-table-td {
|
|
305
310
|
background-color: $kendo-grid-sticky-hover-bg;
|
|
306
311
|
}
|
|
307
312
|
|
|
@@ -309,8 +314,10 @@
|
|
|
309
314
|
// Selected hover
|
|
310
315
|
&.k-selected:hover td.k-grid-content-sticky,
|
|
311
316
|
&.k-selected:hover .k-table-td.k-grid-row-sticky,
|
|
317
|
+
&.k-selected:hover.k-grid-row-sticky > .k-table-td,
|
|
312
318
|
&.k-selected.k-hover td.k-grid-content-sticky,
|
|
313
319
|
&.k-selected.k-hover .k-table-td.k-grid-row-sticky,
|
|
320
|
+
&.k-selected.k-hover.k-grid-row-sticky > .k-table-td,
|
|
314
321
|
&:hover td.k-grid-content-sticky.k-selected,
|
|
315
322
|
&.k-hover td.k-grid-content-sticky.k-selected,
|
|
316
323
|
&:hover .k-table-td.k-grid-content-sticky.k-selected,
|
|
@@ -327,121 +334,6 @@
|
|
|
327
334
|
}
|
|
328
335
|
}
|
|
329
336
|
|
|
330
|
-
kendo-grid.k-grid {
|
|
331
|
-
.k-grid-content-sticky {
|
|
332
|
-
border-top-color: $kendo-grid-header-border;
|
|
333
|
-
border-left-color: $kendo-grid-sticky-border;
|
|
334
|
-
border-right-color: $kendo-grid-sticky-border;
|
|
335
|
-
background-color: $kendo-grid-sticky-bg;
|
|
336
|
-
|
|
337
|
-
&:hover,
|
|
338
|
-
&.k-hover {
|
|
339
|
-
background-color: $kendo-grid-sticky-hover-bg;
|
|
340
|
-
}
|
|
341
|
-
}
|
|
342
|
-
|
|
343
|
-
.k-grid-row-sticky {
|
|
344
|
-
td,
|
|
345
|
-
.k-table-td {
|
|
346
|
-
border-top-color: $kendo-grid-sticky-border;
|
|
347
|
-
border-bottom-color: $kendo-grid-sticky-border;
|
|
348
|
-
background-color: $kendo-grid-sticky-bg;
|
|
349
|
-
}
|
|
350
|
-
|
|
351
|
-
&:hover td,
|
|
352
|
-
&.k-hover td,
|
|
353
|
-
&:hover .k-table-td,
|
|
354
|
-
&.k-hover .k-table-td {
|
|
355
|
-
background-color: $kendo-grid-sticky-hover-bg;
|
|
356
|
-
}
|
|
357
|
-
}
|
|
358
|
-
|
|
359
|
-
.k-table-alt-row .k-grid-content-sticky,
|
|
360
|
-
.k-grid-row-sticky.k-table-alt-row td,
|
|
361
|
-
.k-grid-row-sticky.k-table-alt-row .k-table-td {
|
|
362
|
-
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
363
|
-
}
|
|
364
|
-
|
|
365
|
-
// Selected state
|
|
366
|
-
.k-table-row.k-selected .k-grid-content-sticky,
|
|
367
|
-
.k-selected.k-grid-row-sticky td,
|
|
368
|
-
.k-grid-row-sticky td.k-selected,
|
|
369
|
-
.k-selected.k-grid-row-sticky .k-table-td,
|
|
370
|
-
.k-grid-row-sticky .k-table-td.k-selected,
|
|
371
|
-
.k-selected.k-grid-content-sticky {
|
|
372
|
-
@if($kendo-enable-color-system) {
|
|
373
|
-
@include fill( $bg: $kendo-grid-sticky-bg );
|
|
374
|
-
|
|
375
|
-
&::before {
|
|
376
|
-
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
377
|
-
}
|
|
378
|
-
} @else {
|
|
379
|
-
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
380
|
-
}
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
.k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky,
|
|
384
|
-
.k-selected.k-table-alt-row.k-grid-row-sticky td,
|
|
385
|
-
.k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td,
|
|
386
|
-
.k-table-alt-row .k-selected.k-grid-content-sticky {
|
|
387
|
-
@if($kendo-enable-color-system) {
|
|
388
|
-
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
389
|
-
|
|
390
|
-
&::before {
|
|
391
|
-
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
392
|
-
}
|
|
393
|
-
} @else {
|
|
394
|
-
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
395
|
-
}
|
|
396
|
-
}
|
|
397
|
-
|
|
398
|
-
// Hover state
|
|
399
|
-
.k-table-row:hover .k-grid-content-sticky,
|
|
400
|
-
.k-table-row.k-hover .k-grid-content-sticky,
|
|
401
|
-
.k-grid-row-sticky:hover td,
|
|
402
|
-
.k-grid-row-sticky.k-hover td,
|
|
403
|
-
.k-grid-row-sticky.k-table-alt-row:hover td,
|
|
404
|
-
.k-grid-row-sticky.k-table-alt-row.k-hover td,
|
|
405
|
-
.k-grid-row-sticky:hover .k-table-td,
|
|
406
|
-
.k-grid-row-sticky.k-hover .k-table-td,
|
|
407
|
-
.k-grid-row-sticky.k-table-alt-row:hover .k-table-td,
|
|
408
|
-
.k-grid-row-sticky.k-table-alt-row.k-hover .k-table-td,
|
|
409
|
-
.k-table-alt-row:hover .k-grid-content-sticky,
|
|
410
|
-
.k-table-alt-row.k-hover .k-grid-content-sticky {
|
|
411
|
-
background-color: $kendo-grid-sticky-hover-bg;
|
|
412
|
-
}
|
|
413
|
-
|
|
414
|
-
// Selected + Hover
|
|
415
|
-
.k-table-row.k-selected:hover .k-grid-content-sticky,
|
|
416
|
-
.k-table-row.k-selected.k-hover .k-grid-content-sticky,
|
|
417
|
-
.k-selected.k-grid-row-sticky:hover td,
|
|
418
|
-
.k-selected.k-grid-row-sticky.k-hover td,
|
|
419
|
-
.k-selected.k-table-alt-row.k-grid-row-sticky:hover td,
|
|
420
|
-
.k-selected.k-table-alt-row.k-grid-row-sticky.k-hover td,
|
|
421
|
-
.k-selected.k-grid-row-sticky:hover .k-table-td,
|
|
422
|
-
.k-selected.k-grid-row-sticky.k-hover .k-table-td,
|
|
423
|
-
.k-selected.k-table-alt-row.k-grid-row-sticky:hover .k-table-td,
|
|
424
|
-
.k-selected.k-table-alt-row.k-grid-row-sticky.k-hover .k-table-td,
|
|
425
|
-
.k-table-row.k-selected.k-table-alt-row:hover .k-grid-content-sticky,
|
|
426
|
-
.k-table-row.k-selected.k-table-alt-row.k-hover .k-grid-content-sticky,
|
|
427
|
-
.k-grid-row-sticky:hover td.k-selected,
|
|
428
|
-
.k-grid-row-sticky.k-hover td.k-selected,
|
|
429
|
-
.k-grid-row-sticky:hover .k-table-td.k-selected,
|
|
430
|
-
.k-grid-row-sticky.k-hover .k-table-td.k-selected,
|
|
431
|
-
.k-table-row:hover .k-grid-content-sticky.k-selected,
|
|
432
|
-
.k-table-row.k-hover .k-grid-content-sticky.k-selected {
|
|
433
|
-
@if($kendo-enable-color-system) {
|
|
434
|
-
background-color: $kendo-grid-sticky-hover-bg;
|
|
435
|
-
|
|
436
|
-
&::before {
|
|
437
|
-
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
438
|
-
}
|
|
439
|
-
} @else {
|
|
440
|
-
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
441
|
-
}
|
|
442
|
-
}
|
|
443
|
-
}
|
|
444
|
-
|
|
445
337
|
.k-grouping-row {
|
|
446
338
|
.k-grid-content-sticky {
|
|
447
339
|
@include fill( $bg: $kendo-grid-sticky-header-bg );
|