@progress/kendo-theme-material 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 +319 -17
- package/dist/all.scss +185 -23
- package/lib/swatches/material-aqua-dark.json +1 -1
- package/lib/swatches/material-arctic.json +1 -1
- package/lib/swatches/material-burnt-teal.json +1 -1
- package/lib/swatches/material-dataviz-v4.json +1 -1
- package/lib/swatches/material-eggplant.json +1 -1
- package/lib/swatches/material-lime-dark.json +1 -1
- package/lib/swatches/material-lime.json +1 -1
- package/lib/swatches/material-main-dark.json +1 -1
- package/lib/swatches/material-main.json +1 -1
- package/lib/swatches/material-nova.json +1 -1
- package/lib/swatches/material-pacific-dark.json +1 -1
- package/lib/swatches/material-pacific.json +1 -1
- package/lib/swatches/material-sky-dark.json +1 -1
- package/lib/swatches/material-sky.json +1 -1
- package/lib/swatches/material-smoke.json +1 -1
- package/package.json +5 -5
- package/scss/grid/_layout.scss +1 -0
- package/scss/grid/_theme.scss +21 -0
package/dist/all.scss
CHANGED
|
@@ -9369,6 +9369,11 @@ $ki-rotate-map: (
|
|
|
9369
9369
|
}
|
|
9370
9370
|
}
|
|
9371
9371
|
|
|
9372
|
+
// kendo-icon-wrapper component
|
|
9373
|
+
.k-icon-wrapper-host {
|
|
9374
|
+
display: contents;
|
|
9375
|
+
}
|
|
9376
|
+
|
|
9372
9377
|
.k-icon-with-modifier {
|
|
9373
9378
|
position: relative;
|
|
9374
9379
|
margin: .25em;
|
|
@@ -14359,6 +14364,45 @@ $kendo-skeleton-wave-bg: rgba( black, .04 ) !default;
|
|
|
14359
14364
|
> .k-button-icon {
|
|
14360
14365
|
min-width: calc( #{$_font-size} * #{$_line-height} );
|
|
14361
14366
|
min-height: calc( #{$_font-size} * #{$_line-height} );
|
|
14367
|
+
display: inline-flex;
|
|
14368
|
+
align-items: center;
|
|
14369
|
+
justify-content: center;
|
|
14370
|
+
|
|
14371
|
+
&.k-svg-icon > svg,
|
|
14372
|
+
&.k-icon-md > svg {
|
|
14373
|
+
width: $kendo-icon-size-md;
|
|
14374
|
+
height: $kendo-icon-size-md;
|
|
14375
|
+
}
|
|
14376
|
+
|
|
14377
|
+
&.k-icon-xs > svg {
|
|
14378
|
+
width: $kendo-icon-size-xs;
|
|
14379
|
+
height: $kendo-icon-size-xs;
|
|
14380
|
+
}
|
|
14381
|
+
|
|
14382
|
+
&.k-icon-sm > svg {
|
|
14383
|
+
width: $kendo-icon-size-sm;
|
|
14384
|
+
height: $kendo-icon-size-sm;
|
|
14385
|
+
}
|
|
14386
|
+
|
|
14387
|
+
&.k-icon-lg > svg {
|
|
14388
|
+
width: $kendo-icon-size-lg;
|
|
14389
|
+
height: $kendo-icon-size-lg;
|
|
14390
|
+
}
|
|
14391
|
+
|
|
14392
|
+
&.k-icon-xl > svg {
|
|
14393
|
+
width: $kendo-icon-size-xl;
|
|
14394
|
+
height: $kendo-icon-size-xl;
|
|
14395
|
+
}
|
|
14396
|
+
|
|
14397
|
+
&.k-icon-xxl > svg {
|
|
14398
|
+
width: $kendo-icon-size-xxl;
|
|
14399
|
+
height: $kendo-icon-size-xxl;
|
|
14400
|
+
}
|
|
14401
|
+
|
|
14402
|
+
&.k-icon-xxxl > svg {
|
|
14403
|
+
width: $kendo-icon-size-xxxl;
|
|
14404
|
+
height: $kendo-icon-size-xxxl;
|
|
14405
|
+
}
|
|
14362
14406
|
}
|
|
14363
14407
|
}
|
|
14364
14408
|
}
|
|
@@ -17965,6 +18009,47 @@ $kendo-form-sizes: (
|
|
|
17965
18009
|
justify-content: center;
|
|
17966
18010
|
}
|
|
17967
18011
|
|
|
18012
|
+
// Input with SVG icon
|
|
18013
|
+
.k-input-icon,
|
|
18014
|
+
.k-input-validation-icon,
|
|
18015
|
+
.k-input-loading-icon {
|
|
18016
|
+
&.k-svg-icon > svg,
|
|
18017
|
+
&.k-icon-md > svg {
|
|
18018
|
+
width: $kendo-icon-size-md;
|
|
18019
|
+
height: $kendo-icon-size-md;
|
|
18020
|
+
}
|
|
18021
|
+
|
|
18022
|
+
&.k-icon-xs > svg {
|
|
18023
|
+
width: $kendo-icon-size-xs;
|
|
18024
|
+
height: $kendo-icon-size-xs;
|
|
18025
|
+
}
|
|
18026
|
+
|
|
18027
|
+
&.k-icon-sm > svg {
|
|
18028
|
+
width: $kendo-icon-size-sm;
|
|
18029
|
+
height: $kendo-icon-size-sm;
|
|
18030
|
+
}
|
|
18031
|
+
|
|
18032
|
+
&.k-icon-lg > svg {
|
|
18033
|
+
width: $kendo-icon-size-lg;
|
|
18034
|
+
height: $kendo-icon-size-lg;
|
|
18035
|
+
}
|
|
18036
|
+
|
|
18037
|
+
&.k-icon-xl > svg {
|
|
18038
|
+
width: $kendo-icon-size-xl;
|
|
18039
|
+
height: $kendo-icon-size-xl;
|
|
18040
|
+
}
|
|
18041
|
+
|
|
18042
|
+
&.k-icon-xxl > svg {
|
|
18043
|
+
width: $kendo-icon-size-xxl;
|
|
18044
|
+
height: $kendo-icon-size-xxl;
|
|
18045
|
+
}
|
|
18046
|
+
|
|
18047
|
+
&.k-icon-xxxl > svg {
|
|
18048
|
+
width: $kendo-icon-size-xxxl;
|
|
18049
|
+
height: $kendo-icon-size-xxxl;
|
|
18050
|
+
}
|
|
18051
|
+
}
|
|
18052
|
+
|
|
17968
18053
|
|
|
17969
18054
|
// Clear value
|
|
17970
18055
|
.k-clear-value {
|
|
@@ -18030,7 +18115,7 @@ $kendo-form-sizes: (
|
|
|
18030
18115
|
position: relative;
|
|
18031
18116
|
aspect-ratio: auto;
|
|
18032
18117
|
|
|
18033
|
-
|
|
18118
|
+
.k-button-icon {
|
|
18034
18119
|
margin: -1em 0;
|
|
18035
18120
|
min-width: auto !important; // sass-lint:disable-line no-important
|
|
18036
18121
|
min-height: auto !important; // sass-lint:disable-line no-important
|
|
@@ -23248,8 +23333,9 @@ $kendo-color-gradient-contrast-spacer: k-map-get( $kendo-spacing, 2 ) !default;
|
|
|
23248
23333
|
}
|
|
23249
23334
|
|
|
23250
23335
|
// Needed for the double check icons
|
|
23251
|
-
.k-icon + .k-icon
|
|
23252
|
-
|
|
23336
|
+
.k-icon + .k-icon,
|
|
23337
|
+
.k-icon-wrapper-host + .k-icon-wrapper-host .k-icon {
|
|
23338
|
+
margin-inline-start: -13px;
|
|
23253
23339
|
}
|
|
23254
23340
|
}
|
|
23255
23341
|
}
|
|
@@ -23263,19 +23349,6 @@ $kendo-color-gradient-contrast-spacer: k-map-get( $kendo-spacing, 2 ) !default;
|
|
|
23263
23349
|
|
|
23264
23350
|
}
|
|
23265
23351
|
|
|
23266
|
-
@include exports( "colorgradient/layout/rtl" ) {
|
|
23267
|
-
|
|
23268
|
-
.k-rtl,
|
|
23269
|
-
[dir="rtl"] {
|
|
23270
|
-
|
|
23271
|
-
.k-colorgradient-color-contrast .k-i-check + .k-i-check {
|
|
23272
|
-
margin-left: 0;
|
|
23273
|
-
margin-right: -13px;
|
|
23274
|
-
}
|
|
23275
|
-
|
|
23276
|
-
}
|
|
23277
|
-
|
|
23278
|
-
}
|
|
23279
23352
|
|
|
23280
23353
|
// #endregion
|
|
23281
23354
|
|
|
@@ -34014,6 +34087,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34014
34087
|
}
|
|
34015
34088
|
|
|
34016
34089
|
.k-table-th,
|
|
34090
|
+
td,
|
|
34017
34091
|
.k-table-td {
|
|
34018
34092
|
border-width: 0;
|
|
34019
34093
|
border-inline-start-width: $kendo-grid-cell-vertical-border-width;
|
|
@@ -34052,6 +34126,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34052
34126
|
white-space: nowrap;
|
|
34053
34127
|
}
|
|
34054
34128
|
|
|
34129
|
+
td,
|
|
34055
34130
|
.k-table-td {
|
|
34056
34131
|
border-block-end-width: $kendo-grid-cell-horizontal-border-width;
|
|
34057
34132
|
white-space: unset;
|
|
@@ -34208,12 +34283,17 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34208
34283
|
align-items: center;
|
|
34209
34284
|
align-content: center;
|
|
34210
34285
|
}
|
|
34286
|
+
|
|
34287
|
+
.k-grouping-row td,
|
|
34211
34288
|
.k-grouping-row .k-table-td {
|
|
34212
34289
|
overflow: visible;
|
|
34213
34290
|
}
|
|
34291
|
+
|
|
34292
|
+
.k-grouping-row + .k-table-row td,
|
|
34214
34293
|
.k-grouping-row + .k-table-row .k-table-td {
|
|
34215
34294
|
border-top-width: $kendo-grid-grouping-row-border-top;
|
|
34216
34295
|
}
|
|
34296
|
+
|
|
34217
34297
|
.k-grouping-row .k-group-cell,
|
|
34218
34298
|
.k-grouping-row + .k-table-row .k-group-cell {
|
|
34219
34299
|
border-top-width: 0;
|
|
@@ -34226,11 +34306,13 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34226
34306
|
text-decoration: none;
|
|
34227
34307
|
}
|
|
34228
34308
|
|
|
34309
|
+
.k-table .k-group-footer td,
|
|
34229
34310
|
.k-table .k-group-footer .k-table-td {
|
|
34230
34311
|
border-style: solid;
|
|
34231
34312
|
border-width: $kendo-grid-group-footer-border-y 0;
|
|
34232
34313
|
}
|
|
34233
34314
|
|
|
34315
|
+
.k-group-footer .k-group-cell + td,
|
|
34234
34316
|
.k-group-footer .k-group-cell + .k-table-td {
|
|
34235
34317
|
border-inline-start-width: $kendo-grid-cell-vertical-border-width;
|
|
34236
34318
|
}
|
|
@@ -34435,11 +34517,15 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34435
34517
|
.k-grid-footer {
|
|
34436
34518
|
border-top-width: 1px;
|
|
34437
34519
|
|
|
34520
|
+
td,
|
|
34438
34521
|
.k-table-td {
|
|
34439
34522
|
height: $kendo-line-height-em;
|
|
34440
34523
|
}
|
|
34441
34524
|
}
|
|
34442
34525
|
|
|
34526
|
+
.k-grid-footer td,
|
|
34527
|
+
.k-group-footer td,
|
|
34528
|
+
.k-grouping-row td,
|
|
34443
34529
|
.k-grid-footer .k-table-td,
|
|
34444
34530
|
.k-group-footer .k-table-td,
|
|
34445
34531
|
.k-grouping-row .k-table-td {
|
|
@@ -34462,6 +34548,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34462
34548
|
.k-filter-row {
|
|
34463
34549
|
line-height: $kendo-form-line-height;
|
|
34464
34550
|
|
|
34551
|
+
td,
|
|
34465
34552
|
.k-table-td,
|
|
34466
34553
|
.k-table-th {
|
|
34467
34554
|
border-width: 0;
|
|
@@ -34470,6 +34557,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34470
34557
|
white-space: nowrap;
|
|
34471
34558
|
}
|
|
34472
34559
|
|
|
34560
|
+
td:first-child,
|
|
34473
34561
|
.k-table-td:first-child {
|
|
34474
34562
|
border-inline-start-width: 0;
|
|
34475
34563
|
}
|
|
@@ -34516,6 +34604,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34516
34604
|
border-color: inherit;
|
|
34517
34605
|
outline: 0;
|
|
34518
34606
|
|
|
34607
|
+
.k-table-row:last-child > td,
|
|
34519
34608
|
.k-table-row:last-child > .k-table-td {
|
|
34520
34609
|
border-bottom-width: 0;
|
|
34521
34610
|
}
|
|
@@ -34541,11 +34630,13 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34541
34630
|
// Edit row
|
|
34542
34631
|
.k-grid .k-edit-cell,
|
|
34543
34632
|
.k-grid .k-command-cell,
|
|
34633
|
+
.k-grid .k-grid-edit-row td,
|
|
34544
34634
|
.k-grid .k-grid-edit-row .k-table-td {
|
|
34545
34635
|
text-overflow: clip;
|
|
34546
34636
|
}
|
|
34547
34637
|
|
|
34548
34638
|
.k-grid .k-edit-cell,
|
|
34639
|
+
.k-grid .k-grid-edit-row td,
|
|
34549
34640
|
.k-grid .k-grid-edit-row .k-table-td {
|
|
34550
34641
|
|
|
34551
34642
|
> input:not([type="checkbox"]):not([type="radio"]),
|
|
@@ -34602,19 +34693,19 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34602
34693
|
|
|
34603
34694
|
.k-grid-virtual .k-grid-content {
|
|
34604
34695
|
.k-grid-table-wrap {
|
|
34605
|
-
float:
|
|
34696
|
+
float: left;
|
|
34606
34697
|
width: 100%;
|
|
34607
34698
|
}
|
|
34608
34699
|
|
|
34609
34700
|
.k-grid-table {
|
|
34610
34701
|
position: relative;
|
|
34611
|
-
float:
|
|
34702
|
+
float: left;
|
|
34612
34703
|
z-index: 1;
|
|
34613
34704
|
}
|
|
34614
34705
|
|
|
34615
34706
|
> .k-height-container {
|
|
34616
34707
|
position: relative;
|
|
34617
|
-
float:
|
|
34708
|
+
float: left;
|
|
34618
34709
|
}
|
|
34619
34710
|
|
|
34620
34711
|
&::after {
|
|
@@ -34633,6 +34724,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34633
34724
|
height: 1px;
|
|
34634
34725
|
}
|
|
34635
34726
|
|
|
34727
|
+
.k-grid-add-row td,
|
|
34636
34728
|
.k-grid-add-row .k-table-td {
|
|
34637
34729
|
border-bottom-style: solid;
|
|
34638
34730
|
border-bottom-width: 1px;
|
|
@@ -34708,6 +34800,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34708
34800
|
z-index: auto;
|
|
34709
34801
|
}
|
|
34710
34802
|
|
|
34803
|
+
.k-grid-row-sticky td,
|
|
34711
34804
|
.k-grid-row-sticky .k-table-td {
|
|
34712
34805
|
border-bottom-width: $kendo-grid-border-width;
|
|
34713
34806
|
border-top-width: $kendo-grid-border-width;
|
|
@@ -34715,12 +34808,11 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34715
34808
|
position: sticky;
|
|
34716
34809
|
top: inherit;
|
|
34717
34810
|
bottom: inherit;
|
|
34718
|
-
}
|
|
34719
|
-
|
|
34720
|
-
.k-grid-row-sticky .k-table-td {
|
|
34721
34811
|
z-index: 2;
|
|
34722
34812
|
}
|
|
34723
34813
|
|
|
34814
|
+
.k-grid-row-sticky td.k-grid-content-sticky,
|
|
34815
|
+
.k-grid-row-sticky.k-alt td.k-grid-content-sticky,
|
|
34724
34816
|
.k-grid-row-sticky .k-table-td.k-grid-content-sticky,
|
|
34725
34817
|
.k-grid-row-sticky.k-alt .k-table-td.k-grid-content-sticky {
|
|
34726
34818
|
z-index: 3;
|
|
@@ -34747,6 +34839,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34747
34839
|
.k-grid .k-table .k-grid-footer-sticky {
|
|
34748
34840
|
border-inline-end-width: $kendo-grid-cell-vertical-border-width;
|
|
34749
34841
|
|
|
34842
|
+
&:not([style*="display: none"]) + td,
|
|
34750
34843
|
&:not([style*="display: none"]) + .k-table-td,
|
|
34751
34844
|
&:not([style*="display: none"]) + .k-table-th {
|
|
34752
34845
|
border-inline-start-width: 0;
|
|
@@ -34832,6 +34925,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34832
34925
|
padding: $_header-padding-y $_header-padding-x;
|
|
34833
34926
|
}
|
|
34834
34927
|
|
|
34928
|
+
td,
|
|
34835
34929
|
.k-table-td {
|
|
34836
34930
|
padding: $_cell-padding-y $_cell-padding-x;
|
|
34837
34931
|
}
|
|
@@ -34893,6 +34987,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34893
34987
|
// Edit row
|
|
34894
34988
|
.k-edit-cell,
|
|
34895
34989
|
.k-command-cell,
|
|
34990
|
+
.k-grid-edit-row td,
|
|
34896
34991
|
.k-grid-edit-row .k-table-td {
|
|
34897
34992
|
padding: $_edit-cell-padding-y $_edit-cell-padding-x;
|
|
34898
34993
|
}
|
|
@@ -34900,6 +34995,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34900
34995
|
|
|
34901
34996
|
// Filter row
|
|
34902
34997
|
.k-filter-row {
|
|
34998
|
+
td,
|
|
34903
34999
|
.k-table-td,
|
|
34904
35000
|
.k-table-th {
|
|
34905
35001
|
padding: $_filter-cell-padding-y $_filter-cell-padding-x;
|
|
@@ -34962,7 +35058,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
34962
35058
|
// Remove Grid scrollbar during built-in export
|
|
34963
35059
|
.k-pdf-export-shadow {
|
|
34964
35060
|
.k-grid {
|
|
34965
|
-
float:
|
|
35061
|
+
float: left;
|
|
34966
35062
|
width: auto !important; // sass-lint:disable-line no-important
|
|
34967
35063
|
}
|
|
34968
35064
|
|
|
@@ -35070,6 +35166,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35070
35166
|
table-layout: auto !important;
|
|
35071
35167
|
|
|
35072
35168
|
.k-table-th,
|
|
35169
|
+
td,
|
|
35073
35170
|
.k-table-td {
|
|
35074
35171
|
white-space: nowrap !important;
|
|
35075
35172
|
}
|
|
@@ -35196,6 +35293,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35196
35293
|
|
|
35197
35294
|
.k-grid {
|
|
35198
35295
|
|
|
35296
|
+
.k-group-footer td,
|
|
35199
35297
|
.k-group-footer .k-table-td {
|
|
35200
35298
|
border-top-width: 0;
|
|
35201
35299
|
}
|
|
@@ -35299,6 +35397,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35299
35397
|
.k-grid-header-wrap,
|
|
35300
35398
|
.k-grouping-header,
|
|
35301
35399
|
.k-grid .k-table-th,
|
|
35400
|
+
.k-grid td,
|
|
35302
35401
|
.k-grid .k-table-td,
|
|
35303
35402
|
.k-grid-footer,
|
|
35304
35403
|
.k-grid-footer-wrap,
|
|
@@ -35306,6 +35405,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35306
35405
|
.k-grid-footer-locked,
|
|
35307
35406
|
.k-grid-header-locked,
|
|
35308
35407
|
.k-filter-row > .k-table-th,
|
|
35408
|
+
.k-filter-row > td,
|
|
35309
35409
|
.k-filter-row > .k-table-td {
|
|
35310
35410
|
@include fill( $border: $kendo-grid-header-border );
|
|
35311
35411
|
}
|
|
@@ -35339,6 +35439,8 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35339
35439
|
@include fill($bg: $kendo-grid-bg );
|
|
35340
35440
|
}
|
|
35341
35441
|
|
|
35442
|
+
.k-group-footer td,
|
|
35443
|
+
.k-grouping-row td,
|
|
35342
35444
|
.k-group-footer .k-table-td,
|
|
35343
35445
|
.k-grouping-row .k-table-td,
|
|
35344
35446
|
.k-table-tbody .k-group-cell {
|
|
@@ -35374,6 +35476,8 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35374
35476
|
}
|
|
35375
35477
|
|
|
35376
35478
|
// Selected state
|
|
35479
|
+
td.k-selected,
|
|
35480
|
+
.k-table-row.k-selected > td,
|
|
35377
35481
|
.k-table-td.k-selected,
|
|
35378
35482
|
.k-table-row.k-selected > .k-table-td {
|
|
35379
35483
|
color: $kendo-grid-selected-text;
|
|
@@ -35382,7 +35486,12 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35382
35486
|
|
|
35383
35487
|
// Focused state
|
|
35384
35488
|
.k-table-th,
|
|
35489
|
+
td,
|
|
35385
35490
|
.k-table-td,
|
|
35491
|
+
.k-master-row > td,
|
|
35492
|
+
.k-grouping-row > td,
|
|
35493
|
+
.k-detail-row > td,
|
|
35494
|
+
.k-group-footer > td,
|
|
35386
35495
|
.k-master-row > .k-table-td,
|
|
35387
35496
|
.k-grouping-row > .k-table-td,
|
|
35388
35497
|
.k-detail-row > .k-table-td,
|
|
@@ -35418,30 +35527,37 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35418
35527
|
.k-grid-header-locked,
|
|
35419
35528
|
.k-grid-content-locked,
|
|
35420
35529
|
.k-grid-header-locked .k-table-th,
|
|
35530
|
+
.k-grid-content-locked td,
|
|
35421
35531
|
.k-grid-content-locked .k-table-td {
|
|
35422
35532
|
border-color: $kendo-grid-sticky-header-border;
|
|
35423
35533
|
}
|
|
35424
35534
|
|
|
35425
35535
|
.k-grid-content-locked {
|
|
35536
|
+
.k-group-footer td,
|
|
35426
35537
|
.k-group-footer .k-table-td,
|
|
35427
35538
|
.k-group-cell {
|
|
35428
35539
|
@include fill( $border: $kendo-grid-header-border );
|
|
35429
35540
|
}
|
|
35430
35541
|
|
|
35542
|
+
.k-grouping-row + .k-table-row td,
|
|
35431
35543
|
.k-grouping-row + .k-table-row .k-table-td {
|
|
35432
35544
|
border-top-color: $kendo-grid-header-border;
|
|
35433
35545
|
}
|
|
35434
35546
|
|
|
35435
35547
|
// Selected state
|
|
35548
|
+
.k-selected td,
|
|
35436
35549
|
.k-selected .k-table-td {
|
|
35437
35550
|
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
35438
35551
|
}
|
|
35439
35552
|
|
|
35553
|
+
.k-selected.k-table-alt-row td,
|
|
35440
35554
|
.k-selected.k-table-alt-row .k-table-td {
|
|
35441
35555
|
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
35442
35556
|
}
|
|
35443
35557
|
|
|
35444
35558
|
// Selected hover
|
|
35559
|
+
.k-selected:hover td,
|
|
35560
|
+
.k-selected.k-hover td,
|
|
35445
35561
|
.k-selected:hover .k-table-td,
|
|
35446
35562
|
.k-selected.k-hover .k-table-td {
|
|
35447
35563
|
@include fill( $bg: $kendo-grid-sticky-selected-hover-bg );
|
|
@@ -35485,6 +35601,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35485
35601
|
}
|
|
35486
35602
|
|
|
35487
35603
|
.k-table-th.k-grid-header-sticky,
|
|
35604
|
+
td.k-grid-header-sticky,
|
|
35488
35605
|
.k-table-td.k-grid-header-sticky,
|
|
35489
35606
|
.k-grid-header-sticky.k-sorted {
|
|
35490
35607
|
@include fill(
|
|
@@ -35535,12 +35652,14 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35535
35652
|
// Selected state
|
|
35536
35653
|
&.k-selected .k-grid-content-sticky,
|
|
35537
35654
|
&.k-selected .k-grid-row-sticky,
|
|
35655
|
+
td.k-grid-content-sticky.k-selected,
|
|
35538
35656
|
.k-table-td.k-grid-content-sticky.k-selected {
|
|
35539
35657
|
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
35540
35658
|
}
|
|
35541
35659
|
|
|
35542
35660
|
&.k-selected.k-table-alt-row .k-grid-content-sticky,
|
|
35543
35661
|
&.k-selected.k-table-alt-row .k-grid-row-sticky,
|
|
35662
|
+
&.k-table-alt-row td.k-grid-content-sticky.k-selected,
|
|
35544
35663
|
&.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
35545
35664
|
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
35546
35665
|
}
|
|
@@ -35560,6 +35679,8 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35560
35679
|
&.k-selected:hover .k-grid-row-sticky,
|
|
35561
35680
|
&.k-selected.k-hover .k-grid-content-sticky,
|
|
35562
35681
|
&.k-selected.k-hover .k-grid-row-sticky,
|
|
35682
|
+
&:hover td.k-grid-content-sticky.k-selected,
|
|
35683
|
+
&.k-hover td.k-grid-content-sticky.k-selected,
|
|
35563
35684
|
&:hover .k-table-td.k-grid-content-sticky.k-selected,
|
|
35564
35685
|
&.k-hover .k-table-td.k-grid-content-sticky.k-selected {
|
|
35565
35686
|
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
@@ -35580,12 +35701,15 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35580
35701
|
}
|
|
35581
35702
|
|
|
35582
35703
|
.k-grid-row-sticky {
|
|
35704
|
+
td,
|
|
35583
35705
|
.k-table-td {
|
|
35584
35706
|
border-top-color: $kendo-grid-sticky-border;
|
|
35585
35707
|
border-bottom-color: $kendo-grid-sticky-border;
|
|
35586
35708
|
background-color: $kendo-grid-sticky-bg;
|
|
35587
35709
|
}
|
|
35588
35710
|
|
|
35711
|
+
&:hover td,
|
|
35712
|
+
&.k-hover td,
|
|
35589
35713
|
&:hover .k-table-td,
|
|
35590
35714
|
&.k-hover .k-table-td {
|
|
35591
35715
|
background-color: $kendo-grid-sticky-hover-bg;
|
|
@@ -35593,12 +35717,15 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35593
35717
|
}
|
|
35594
35718
|
|
|
35595
35719
|
.k-table-alt-row .k-grid-content-sticky,
|
|
35720
|
+
.k-grid-row-sticky.k-table-alt-row td,
|
|
35596
35721
|
.k-grid-row-sticky.k-table-alt-row .k-table-td {
|
|
35597
35722
|
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
35598
35723
|
}
|
|
35599
35724
|
|
|
35600
35725
|
// Selected state
|
|
35601
35726
|
.k-table-row.k-selected .k-grid-content-sticky,
|
|
35727
|
+
.k-selected.k-grid-row-sticky td,
|
|
35728
|
+
.k-grid-row-sticky td.k-selected,
|
|
35602
35729
|
.k-selected.k-grid-row-sticky .k-table-td,
|
|
35603
35730
|
.k-grid-row-sticky .k-table-td.k-selected,
|
|
35604
35731
|
.k-selected.k-grid-content-sticky {
|
|
@@ -35606,6 +35733,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35606
35733
|
}
|
|
35607
35734
|
|
|
35608
35735
|
.k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky,
|
|
35736
|
+
.k-selected.k-table-alt-row.k-grid-row-sticky td,
|
|
35609
35737
|
.k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td,
|
|
35610
35738
|
.k-table-alt-row .k-selected.k-grid-content-sticky {
|
|
35611
35739
|
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
@@ -35614,6 +35742,10 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35614
35742
|
// Hover state
|
|
35615
35743
|
.k-table-row:hover .k-grid-content-sticky,
|
|
35616
35744
|
.k-table-row.k-hover .k-grid-content-sticky,
|
|
35745
|
+
.k-grid-row-sticky:hover td,
|
|
35746
|
+
.k-grid-row-sticky.k-hover td,
|
|
35747
|
+
.k-grid-row-sticky.k-table-alt-row:hover td,
|
|
35748
|
+
.k-grid-row-sticky.k-table-alt-row.k-hover td,
|
|
35617
35749
|
.k-grid-row-sticky:hover .k-table-td,
|
|
35618
35750
|
.k-grid-row-sticky.k-hover .k-table-td,
|
|
35619
35751
|
.k-grid-row-sticky.k-table-alt-row:hover .k-table-td,
|
|
@@ -35626,12 +35758,18 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35626
35758
|
// Selected + Hover
|
|
35627
35759
|
.k-table-row.k-selected:hover .k-grid-content-sticky,
|
|
35628
35760
|
.k-table-row.k-selected.k-hover .k-grid-content-sticky,
|
|
35761
|
+
.k-selected.k-grid-row-sticky:hover td,
|
|
35762
|
+
.k-selected.k-grid-row-sticky.k-hover td,
|
|
35763
|
+
.k-selected.k-table-alt-row.k-grid-row-sticky:hover td,
|
|
35764
|
+
.k-selected.k-table-alt-row.k-grid-row-sticky.k-hover td,
|
|
35629
35765
|
.k-selected.k-grid-row-sticky:hover .k-table-td,
|
|
35630
35766
|
.k-selected.k-grid-row-sticky.k-hover .k-table-td,
|
|
35631
35767
|
.k-selected.k-table-alt-row.k-grid-row-sticky:hover .k-table-td,
|
|
35632
35768
|
.k-selected.k-table-alt-row.k-grid-row-sticky.k-hover .k-table-td,
|
|
35633
35769
|
.k-table-row.k-selected.k-table-alt-row:hover .k-grid-content-sticky,
|
|
35634
35770
|
.k-table-row.k-selected.k-table-alt-row.k-hover .k-grid-content-sticky,
|
|
35771
|
+
.k-grid-row-sticky:hover td.k-selected,
|
|
35772
|
+
.k-grid-row-sticky.k-hover td.k-selected,
|
|
35635
35773
|
.k-grid-row-sticky:hover .k-table-td.k-selected,
|
|
35636
35774
|
.k-grid-row-sticky.k-hover .k-table-td.k-selected,
|
|
35637
35775
|
.k-table-row:hover .k-grid-content-sticky.k-selected,
|
|
@@ -35744,6 +35882,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35744
35882
|
background-color: $kendo-grid-selected-bg;
|
|
35745
35883
|
}
|
|
35746
35884
|
|
|
35885
|
+
.k-table-row.k-selected > td,
|
|
35747
35886
|
.k-table-row.k-selected > .k-table-td {
|
|
35748
35887
|
color: inherit;
|
|
35749
35888
|
background-color: transparent;
|
|
@@ -35753,10 +35892,16 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35753
35892
|
.k-table {
|
|
35754
35893
|
> .k-table-row:not(.k-detail-row):hover,
|
|
35755
35894
|
> .k-table-row:not(.k-detail-row).k-hover,
|
|
35895
|
+
td:focus,
|
|
35896
|
+
td.k-focus,
|
|
35756
35897
|
.k-table-td:focus,
|
|
35757
35898
|
.k-table-td.k-focus,
|
|
35758
35899
|
.k-table-th:focus,
|
|
35759
35900
|
.k-table-th.k-focus,
|
|
35901
|
+
.k-master-row > td:focus,
|
|
35902
|
+
.k-grouping-row > td:focus,
|
|
35903
|
+
.k-detail-row > td:focus,
|
|
35904
|
+
.k-group-footer > td:focus,
|
|
35760
35905
|
.k-master-row > .k-table-td:focus,
|
|
35761
35906
|
.k-grouping-row > .k-table-td:focus,
|
|
35762
35907
|
.k-detail-row > .k-table-td:focus,
|
|
@@ -35775,7 +35920,12 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35775
35920
|
}
|
|
35776
35921
|
|
|
35777
35922
|
.k-table-th,
|
|
35923
|
+
td,
|
|
35778
35924
|
.k-table-td,
|
|
35925
|
+
.k-master-row > td,
|
|
35926
|
+
.k-grouping-row > td,
|
|
35927
|
+
.k-detail-row > td,
|
|
35928
|
+
.k-group-footer > td,
|
|
35779
35929
|
.k-master-row > .k-table-td,
|
|
35780
35930
|
.k-grouping-row > .k-table-td,
|
|
35781
35931
|
.k-detail-row > .k-table-td,
|
|
@@ -35798,6 +35948,7 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35798
35948
|
}
|
|
35799
35949
|
|
|
35800
35950
|
.k-table-th,
|
|
35951
|
+
td,
|
|
35801
35952
|
.k-table-td {
|
|
35802
35953
|
border-inline-start-color: transparent;
|
|
35803
35954
|
}
|
|
@@ -35805,11 +35956,14 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35805
35956
|
.k-grid-header-locked,
|
|
35806
35957
|
.k-grid-content-locked,
|
|
35807
35958
|
.k-grid-header-locked .k-table-th,
|
|
35959
|
+
.k-grid-content-locked td,
|
|
35808
35960
|
.k-grid-content-locked .k-table-td {
|
|
35809
35961
|
border-top-color: $kendo-grid-header-border;
|
|
35810
35962
|
border-bottom-color: $kendo-grid-header-border;
|
|
35811
35963
|
|
|
35812
35964
|
.k-group-footer {
|
|
35965
|
+
&:hover td,
|
|
35966
|
+
&.k-hover td,
|
|
35813
35967
|
&:hover .k-table-td,
|
|
35814
35968
|
&.k-hover .k-table-td {
|
|
35815
35969
|
color: inherit;
|
|
@@ -35835,6 +35989,8 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35835
35989
|
border-color: $kendo-grid-sticky-border;
|
|
35836
35990
|
border-bottom-color: $kendo-grid-header-border;
|
|
35837
35991
|
}
|
|
35992
|
+
|
|
35993
|
+
.k-grid-row-sticky td,
|
|
35838
35994
|
.k-grid-row-sticky .k-table-td {
|
|
35839
35995
|
border-top-color: $kendo-grid-sticky-border;
|
|
35840
35996
|
border-bottom-color: $kendo-grid-sticky-border;
|
|
@@ -35887,11 +36043,14 @@ $kendo-grid-group-footer-second-cell-border: 0px !default;
|
|
|
35887
36043
|
}
|
|
35888
36044
|
|
|
35889
36045
|
.k-group-footer {
|
|
36046
|
+
td,
|
|
35890
36047
|
.k-table-td,
|
|
35891
36048
|
.k-grid-footer-sticky {
|
|
35892
36049
|
background: $kendo-grid-sticky-footer-bg;
|
|
35893
36050
|
}
|
|
35894
36051
|
|
|
36052
|
+
&:hover td,
|
|
36053
|
+
&.k-hover td,
|
|
35895
36054
|
&:hover .k-table-td,
|
|
35896
36055
|
&.k-hover .k-table-td {
|
|
35897
36056
|
@include fill( $bg: $kendo-grid-sticky-footer-hover-bg );
|
|
@@ -38722,6 +38881,8 @@ $kendo-treelist-footer-row-border-width: 1px !default;
|
|
|
38722
38881
|
transform: translate(0, -50%);
|
|
38723
38882
|
}
|
|
38724
38883
|
|
|
38884
|
+
.k-table-row.k-footer td,
|
|
38885
|
+
.k-table-row.k-footer-template td,
|
|
38725
38886
|
.k-table-row.k-footer .k-table-td,
|
|
38726
38887
|
.k-table-row.k-footer-template .k-table-td {
|
|
38727
38888
|
border-width: $kendo-treelist-footer-row-border-width 0;
|
|
@@ -38729,6 +38890,7 @@ $kendo-treelist-footer-row-border-width: 1px !default;
|
|
|
38729
38890
|
font-weight: bold;
|
|
38730
38891
|
}
|
|
38731
38892
|
|
|
38893
|
+
.k-table-row.k-footer + .k-table-row.k-footer td,
|
|
38732
38894
|
.k-table-row.k-footer + .k-table-row.k-footer .k-table-td {
|
|
38733
38895
|
border-top-width: 0;
|
|
38734
38896
|
}
|