@progress/kendo-theme-material 9.0.1-dev.2 → 9.1.0-dev.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 +1 -1
- package/dist/all.scss +251 -266
- package/dist/material-aqua-dark.css +1 -1
- package/dist/material-arctic.css +1 -1
- package/dist/material-burnt-teal.css +1 -1
- package/dist/material-dataviz-v4.css +1 -1
- package/dist/material-eggplant.css +1 -1
- package/dist/material-lime-dark.css +1 -1
- package/dist/material-lime.css +1 -1
- package/dist/material-main-dark.css +1 -1
- package/dist/material-main.css +1 -1
- package/dist/material-nova.css +1 -1
- package/dist/material-pacific-dark.css +1 -1
- package/dist/material-pacific.css +1 -1
- package/dist/material-sky-dark.css +1 -1
- package/dist/material-sky.css +1 -1
- package/dist/material-smoke.css +1 -1
- 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/checkbox/_theme.scss +5 -8
- package/scss/floating-label/_layout.scss +7 -9
- package/scss/gantt/_layout.scss +3 -6
- package/scss/gantt/_theme.scss +5 -6
- package/scss/radio/_theme.scss +5 -8
package/dist/all.scss
CHANGED
|
@@ -19460,14 +19460,11 @@ $kendo-checkbox-ripple-opacity: .2 !default;
|
|
|
19460
19460
|
@include kendo-checkbox--theme-base();
|
|
19461
19461
|
|
|
19462
19462
|
// Checkbox
|
|
19463
|
-
|
|
19464
|
-
|
|
19465
|
-
|
|
19466
|
-
|
|
19467
|
-
|
|
19468
|
-
opacity: 1;
|
|
19469
|
-
filter: none;
|
|
19470
|
-
}
|
|
19463
|
+
// Disabled state
|
|
19464
|
+
.k-checkbox:disabled + .k-checkbox-label {
|
|
19465
|
+
color: if($kendo-enable-color-system, k-color( subtle ), if( $kendo-is-dark-theme, $light-secondary-text, $dark-secondary-text ));
|
|
19466
|
+
opacity: 1;
|
|
19467
|
+
filter: none;
|
|
19471
19468
|
}
|
|
19472
19469
|
|
|
19473
19470
|
}
|
|
@@ -20573,10 +20570,10 @@ $_kendo-module-meta: (
|
|
|
20573
20570
|
transition: opacity 100ms linear, transform 500ms cubic-bezier(.4, 0, .2, 1);
|
|
20574
20571
|
opacity: .1;
|
|
20575
20572
|
background-color: currentColor;
|
|
20573
|
+
}
|
|
20576
20574
|
|
|
20577
|
-
|
|
20578
|
-
|
|
20579
|
-
}
|
|
20575
|
+
.k-primary .k-ripple-blob {
|
|
20576
|
+
opacity: .2;
|
|
20580
20577
|
}
|
|
20581
20578
|
|
|
20582
20579
|
.k-ripple-focus::after {
|
|
@@ -27867,27 +27864,23 @@ $kendo-form-sizes: (
|
|
|
27867
27864
|
}
|
|
27868
27865
|
|
|
27869
27866
|
// RTL Adjustments
|
|
27870
|
-
.k-form
|
|
27871
|
-
|
|
27872
|
-
.k-
|
|
27873
|
-
|
|
27874
|
-
|
|
27875
|
-
margin-right: $kendo-label-optional-margin-x;
|
|
27876
|
-
}
|
|
27867
|
+
.k-form [dir="rtl"],
|
|
27868
|
+
.k-rtl .k-form {
|
|
27869
|
+
.k-label-optional {
|
|
27870
|
+
margin-left: 0;
|
|
27871
|
+
margin-right: $kendo-label-optional-margin-x;
|
|
27877
27872
|
}
|
|
27878
27873
|
}
|
|
27879
27874
|
|
|
27880
|
-
.k-form-horizontal
|
|
27881
|
-
|
|
27882
|
-
|
|
27883
|
-
|
|
27884
|
-
.k-
|
|
27885
|
-
|
|
27886
|
-
|
|
27887
|
-
|
|
27888
|
-
|
|
27889
|
-
margin-left: $kendo-horizontal-form-label-margin-x;
|
|
27890
|
-
}
|
|
27875
|
+
.k-form-horizontal [dir="rtl"],
|
|
27876
|
+
.k-rtl .k-form-horizontal {
|
|
27877
|
+
&.k-form-field,
|
|
27878
|
+
.k-form-field {
|
|
27879
|
+
> .k-label,
|
|
27880
|
+
> kendo-label,
|
|
27881
|
+
> .k-form-label {
|
|
27882
|
+
margin-right: 0;
|
|
27883
|
+
margin-left: $kendo-horizontal-form-label-margin-x;
|
|
27891
27884
|
}
|
|
27892
27885
|
}
|
|
27893
27886
|
}
|
|
@@ -28627,14 +28620,14 @@ $_kendo-module-meta: (
|
|
|
28627
28620
|
&:disabled,
|
|
28628
28621
|
&[disabled] {
|
|
28629
28622
|
@include disabled( $kendo-disabled-styling... );
|
|
28630
|
-
|
|
28631
|
-
[disabled] &,
|
|
28632
|
-
.k-disabled & {
|
|
28633
|
-
opacity: 1;
|
|
28634
|
-
filter: grayscale(0);
|
|
28635
|
-
}
|
|
28636
28623
|
}
|
|
28637
28624
|
}
|
|
28625
|
+
|
|
28626
|
+
:is([disabled], .k-disabled) :is(input.k-input, textarea.k-textarea):is(:disabled, [disabled]) {
|
|
28627
|
+
opacity: 1;
|
|
28628
|
+
filter: grayscale(0);
|
|
28629
|
+
}
|
|
28630
|
+
|
|
28638
28631
|
textarea.k-textarea {
|
|
28639
28632
|
overflow: auto;
|
|
28640
28633
|
}
|
|
@@ -28652,15 +28645,14 @@ $_kendo-module-meta: (
|
|
|
28652
28645
|
&:disabled,
|
|
28653
28646
|
&[disabled] {
|
|
28654
28647
|
@include disabled( $kendo-disabled-styling... );
|
|
28655
|
-
|
|
28656
|
-
[disabled] &,
|
|
28657
|
-
.k-disabled & {
|
|
28658
|
-
opacity: 1;
|
|
28659
|
-
filter: grayscale(0);
|
|
28660
|
-
}
|
|
28661
28648
|
}
|
|
28662
28649
|
}
|
|
28663
28650
|
|
|
28651
|
+
:is([disabled], .k-disabled) select.k-picker:is(:disabled, [disabled]) {
|
|
28652
|
+
opacity: 1;
|
|
28653
|
+
filter: grayscale(0);
|
|
28654
|
+
}
|
|
28655
|
+
|
|
28664
28656
|
|
|
28665
28657
|
// Input inner
|
|
28666
28658
|
.k-input-inner {
|
|
@@ -29874,33 +29866,32 @@ $kendo-floating-label-focus-text: $kendo-color-primary !default;
|
|
|
29874
29866
|
&.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
|
|
29875
29867
|
color: transparent;
|
|
29876
29868
|
}
|
|
29869
|
+
}
|
|
29877
29870
|
|
|
29878
|
-
|
|
29879
|
-
|
|
29880
|
-
|
|
29871
|
+
[dir="rtl"] .k-floating-label-container,
|
|
29872
|
+
.k-rtl .k-floating-label-container,
|
|
29873
|
+
.k-floating-label-container[dir="rtl"] {
|
|
29874
|
+
> .k-floating-label {
|
|
29875
|
+
transform-origin: right center;
|
|
29876
|
+
transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
|
|
29877
|
+
}
|
|
29881
29878
|
|
|
29879
|
+
&.k-empty {
|
|
29882
29880
|
> .k-floating-label {
|
|
29883
|
-
transform-origin: right center;
|
|
29884
|
-
transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
|
|
29885
|
-
}
|
|
29886
|
-
|
|
29887
|
-
&.k-empty {
|
|
29888
|
-
> .k-floating-label {
|
|
29889
|
-
left: auto;
|
|
29890
|
-
right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
29891
|
-
}
|
|
29892
|
-
}
|
|
29893
|
-
|
|
29894
|
-
> .k-floating-label,
|
|
29895
|
-
&.k-focus > .k-floating-label {
|
|
29896
|
-
left: auto;
|
|
29897
|
-
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
29898
|
-
}
|
|
29899
|
-
&:focus-within > .k-floating-label {
|
|
29900
29881
|
left: auto;
|
|
29901
|
-
right: var(--kendo-floating-label-
|
|
29882
|
+
right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
29902
29883
|
}
|
|
29903
29884
|
}
|
|
29885
|
+
|
|
29886
|
+
> .k-floating-label,
|
|
29887
|
+
&.k-focus > .k-floating-label {
|
|
29888
|
+
left: auto;
|
|
29889
|
+
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
29890
|
+
}
|
|
29891
|
+
&:focus-within > .k-floating-label {
|
|
29892
|
+
left: auto;
|
|
29893
|
+
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
29894
|
+
}
|
|
29904
29895
|
}
|
|
29905
29896
|
|
|
29906
29897
|
}
|
|
@@ -29919,20 +29910,18 @@ $kendo-floating-label-focus-text: $kendo-color-primary !default;
|
|
|
29919
29910
|
|
|
29920
29911
|
// Floating label
|
|
29921
29912
|
.k-floating-label-container {
|
|
29922
|
-
|
|
29923
29913
|
> .k-floating-label {
|
|
29924
29914
|
transform-origin: left bottom;
|
|
29925
29915
|
}
|
|
29916
|
+
}
|
|
29926
29917
|
|
|
29927
|
-
|
|
29928
|
-
|
|
29929
|
-
|
|
29930
|
-
|
|
29931
|
-
|
|
29932
|
-
transform-origin: right bottom;
|
|
29933
|
-
}
|
|
29934
|
-
|
|
29918
|
+
[dir="rtl"] .k-floating-label-container,
|
|
29919
|
+
.k-rtl .k-floating-label-container,
|
|
29920
|
+
.k-floating-label-container[dir="rtl"] {
|
|
29921
|
+
> .k-floating-label {
|
|
29922
|
+
transform-origin: right bottom;
|
|
29935
29923
|
}
|
|
29924
|
+
|
|
29936
29925
|
}
|
|
29937
29926
|
|
|
29938
29927
|
}
|
|
@@ -31882,14 +31871,11 @@ $kendo-radio-ripple-opacity: .2 !default;
|
|
|
31882
31871
|
@include kendo-radio--theme-base();
|
|
31883
31872
|
|
|
31884
31873
|
// Radio
|
|
31885
|
-
|
|
31886
|
-
|
|
31887
|
-
|
|
31888
|
-
|
|
31889
|
-
|
|
31890
|
-
opacity: 1;
|
|
31891
|
-
filter: none;
|
|
31892
|
-
}
|
|
31874
|
+
// Disabled state
|
|
31875
|
+
.k-radio:disabled + .k-radio-label {
|
|
31876
|
+
color: if($kendo-enable-color-system, k-color( subtle ), if( $kendo-is-dark-theme, $light-secondary-text, $dark-secondary-text ));
|
|
31877
|
+
opacity: 1;
|
|
31878
|
+
filter: none;
|
|
31893
31879
|
}
|
|
31894
31880
|
|
|
31895
31881
|
}
|
|
@@ -32348,22 +32334,21 @@ $kendo-slider-tick-vertical-image: null !default;
|
|
|
32348
32334
|
margin: 0;
|
|
32349
32335
|
padding: 0;
|
|
32350
32336
|
position: absolute;
|
|
32337
|
+
}
|
|
32351
32338
|
|
|
32352
|
-
|
|
32353
|
-
|
|
32354
|
-
|
|
32355
|
-
|
|
32356
|
-
|
|
32357
|
-
}
|
|
32358
|
-
|
|
32359
|
-
.k-slider-vertical & {
|
|
32360
|
-
bottom: 0;
|
|
32361
|
-
left: 50%;
|
|
32362
|
-
margin-left: - k-math-div( $kendo-slider-track-thickness, 2 );
|
|
32363
|
-
width: $kendo-slider-track-thickness;
|
|
32364
|
-
}
|
|
32339
|
+
.k-slider-horizontal :is(.k-slider-track, .k-slider-selection) {
|
|
32340
|
+
height: $kendo-slider-track-thickness;
|
|
32341
|
+
left: 0;
|
|
32342
|
+
margin-top: - k-math-div( $kendo-slider-track-thickness, 2 );
|
|
32343
|
+
top: 50%;
|
|
32365
32344
|
}
|
|
32366
32345
|
|
|
32346
|
+
.k-slider-vertical :is(.k-slider-track, .k-slider-selection) {
|
|
32347
|
+
bottom: 0;
|
|
32348
|
+
left: 50%;
|
|
32349
|
+
margin-left: - k-math-div( $kendo-slider-track-thickness, 2 );
|
|
32350
|
+
width: $kendo-slider-track-thickness;
|
|
32351
|
+
}
|
|
32367
32352
|
|
|
32368
32353
|
.k-draghandle {
|
|
32369
32354
|
background-color: transparent;
|
|
@@ -32377,34 +32362,38 @@ $kendo-slider-tick-vertical-image: null !default;
|
|
|
32377
32362
|
width: $kendo-slider-draghandle-size;
|
|
32378
32363
|
height: $kendo-slider-draghandle-size;
|
|
32379
32364
|
|
|
32380
|
-
.k-slider-transitions.k-slider-horizontal & {
|
|
32381
|
-
transition: inset-inline-start $kendo-slider-transition-speed $kendo-slider-transition-function, background-color $kendo-slider-transition-speed $kendo-slider-transition-function, transform $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function;
|
|
32382
|
-
}
|
|
32383
|
-
|
|
32384
|
-
.k-slider-transitions.k-slider-vertical & {
|
|
32385
|
-
transition: bottom $kendo-slider-transition-speed $kendo-slider-transition-function, background-color $kendo-slider-transition-speed $kendo-slider-transition-function, transform $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function;
|
|
32386
|
-
}
|
|
32387
|
-
|
|
32388
32365
|
&.k-pressed {
|
|
32389
32366
|
transition: none;
|
|
32390
32367
|
}
|
|
32391
32368
|
}
|
|
32392
32369
|
|
|
32393
32370
|
.k-slider-selection {
|
|
32394
|
-
|
|
32395
|
-
transition:
|
|
32371
|
+
&.k-pressed {
|
|
32372
|
+
transition: none;
|
|
32396
32373
|
}
|
|
32374
|
+
}
|
|
32397
32375
|
|
|
32398
|
-
|
|
32399
|
-
|
|
32376
|
+
.k-slider-transitions {
|
|
32377
|
+
&.k-slider-horizontal {
|
|
32378
|
+
.k-draghandle {
|
|
32379
|
+
transition: inset-inline-start $kendo-slider-transition-speed $kendo-slider-transition-function, background-color $kendo-slider-transition-speed $kendo-slider-transition-function, transform $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function;
|
|
32380
|
+
}
|
|
32381
|
+
.k-slider-selection {
|
|
32382
|
+
transition: width $kendo-slider-transition-speed $kendo-slider-transition-function;
|
|
32383
|
+
}
|
|
32400
32384
|
}
|
|
32401
32385
|
|
|
32402
|
-
&.k-
|
|
32403
|
-
|
|
32386
|
+
&.k-slider-vertical {
|
|
32387
|
+
.k-draghandle {
|
|
32388
|
+
transition: bottom $kendo-slider-transition-speed $kendo-slider-transition-function, background-color $kendo-slider-transition-speed $kendo-slider-transition-function, transform $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function;
|
|
32389
|
+
}
|
|
32390
|
+
|
|
32391
|
+
.k-slider-selection {
|
|
32392
|
+
transition: height $kendo-slider-transition-speed $kendo-slider-transition-function;
|
|
32393
|
+
}
|
|
32404
32394
|
}
|
|
32405
32395
|
}
|
|
32406
32396
|
|
|
32407
|
-
|
|
32408
32397
|
// Slider readonly
|
|
32409
32398
|
.k-slider.k-readonly {
|
|
32410
32399
|
.k-button,
|
|
@@ -32460,7 +32449,7 @@ $kendo-slider-tick-vertical-image: null !default;
|
|
|
32460
32449
|
.k-slider kendo-resize-sensor {
|
|
32461
32450
|
position: absolute;
|
|
32462
32451
|
}
|
|
32463
|
-
|
|
32452
|
+
|
|
32464
32453
|
// Aliases
|
|
32465
32454
|
.k-draghandle { @extend .k-slider-thumb !optional; }
|
|
32466
32455
|
.k-draghandle-start { @extend .k-slider-thumb-start !optional; }
|
|
@@ -33756,14 +33745,6 @@ $kendo-calendar-sizes: (
|
|
|
33756
33745
|
);
|
|
33757
33746
|
}
|
|
33758
33747
|
|
|
33759
|
-
|
|
33760
|
-
&[dir="rtl"],
|
|
33761
|
-
.k-rtl & {
|
|
33762
|
-
.k-calendar-navigation {
|
|
33763
|
-
box-shadow: inset 1px 0 $kendo-calendar-navigation-border;
|
|
33764
|
-
}
|
|
33765
|
-
}
|
|
33766
|
-
|
|
33767
33748
|
// Invalid
|
|
33768
33749
|
&.k-invalid,
|
|
33769
33750
|
&.k-invalid:hover,
|
|
@@ -33773,6 +33754,12 @@ $kendo-calendar-sizes: (
|
|
|
33773
33754
|
}
|
|
33774
33755
|
}
|
|
33775
33756
|
|
|
33757
|
+
.k-rtl .k-calendar,
|
|
33758
|
+
.k-calendar[dir="rtl"] {
|
|
33759
|
+
.k-calendar-navigation {
|
|
33760
|
+
box-shadow: inset 1px 0 $kendo-calendar-navigation-border;
|
|
33761
|
+
}
|
|
33762
|
+
}
|
|
33776
33763
|
|
|
33777
33764
|
// Scheduler integration
|
|
33778
33765
|
.k-scheduler .k-calendar .k-other-month {
|
|
@@ -34028,12 +34015,11 @@ $kendo-time-selector-sizes: (
|
|
|
34028
34015
|
user-select: none;
|
|
34029
34016
|
-webkit-touch-callout: none;
|
|
34030
34017
|
-webkit-tap-highlight-color: $kendo-color-rgba-transparent;
|
|
34031
|
-
|
|
34032
|
-
.k-popup > & {
|
|
34033
|
-
border-width: 0;
|
|
34034
|
-
}
|
|
34035
34018
|
}
|
|
34036
34019
|
|
|
34020
|
+
.k-popup > .k-timeselector {
|
|
34021
|
+
border-width: 0;
|
|
34022
|
+
}
|
|
34037
34023
|
|
|
34038
34024
|
// Time selector header
|
|
34039
34025
|
.k-time-header,
|
|
@@ -36443,13 +36429,9 @@ $kendo-datetime-width: calc( calc( #{$kendo-calendar-cell-size} * 8 ) + calc( #{
|
|
|
36443
36429
|
transform: translateX(-100%);
|
|
36444
36430
|
}
|
|
36445
36431
|
|
|
36446
|
-
.k-time-tab .k-datetime-selector
|
|
36447
|
-
|
|
36448
|
-
|
|
36449
|
-
.k-rtl &,
|
|
36450
|
-
[dir="rtl"] & {
|
|
36451
|
-
transform: translateX(100%);
|
|
36452
|
-
}
|
|
36432
|
+
:is(.k-rtl, [dir="rtl"]) .k-time-tab .k-datetime-selector,
|
|
36433
|
+
.k-time-tab .k-datetime-selector:is(.k-rtl, [dir="rtl"]) {
|
|
36434
|
+
transform: translateX(100%);
|
|
36453
36435
|
}
|
|
36454
36436
|
}
|
|
36455
36437
|
|
|
@@ -40262,14 +40244,13 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
|
|
|
40262
40244
|
padding-inline: $kendo-fab-icon-padding-x;
|
|
40263
40245
|
padding-block: $kendo-fab-icon-padding-y;
|
|
40264
40246
|
box-sizing: content-box;
|
|
40265
|
-
|
|
40266
|
-
.k-icon-wrapper-host:not(:only-child) &,
|
|
40267
|
-
&:not(:only-child) {
|
|
40268
|
-
margin-inline-end: $kendo-fab-icon-spacing;
|
|
40269
|
-
margin-inline-start: calc( #{$kendo-fab-icon-spacing} * -1 );
|
|
40270
|
-
}
|
|
40271
40247
|
}
|
|
40272
40248
|
|
|
40249
|
+
.k-icon-wrapper-host:not(:only-child) .k-fab-icon,
|
|
40250
|
+
.k-fab-icon:not(:only-child) {
|
|
40251
|
+
margin-inline-end: $kendo-fab-icon-spacing;
|
|
40252
|
+
margin-inline-start: calc( #{$kendo-fab-icon-spacing} * -1 );
|
|
40253
|
+
}
|
|
40273
40254
|
|
|
40274
40255
|
// Sizes
|
|
40275
40256
|
@each $size, $size-props in $kendo-fab-sizes {
|
|
@@ -41427,8 +41408,10 @@ $_kendo-module-meta: (
|
|
|
41427
41408
|
flex-direction: row;
|
|
41428
41409
|
flex-shrink: 0;
|
|
41429
41410
|
align-items: center;
|
|
41411
|
+
}
|
|
41430
41412
|
|
|
41431
|
-
|
|
41413
|
+
.k-window-minimized {
|
|
41414
|
+
.k-window-titlebar {
|
|
41432
41415
|
border-width: 0;
|
|
41433
41416
|
}
|
|
41434
41417
|
}
|
|
@@ -42907,11 +42890,11 @@ $kendo-card-callout-height: 20px !default;
|
|
|
42907
42890
|
max-width: 100%;
|
|
42908
42891
|
flex-shrink: 0;
|
|
42909
42892
|
overflow: hidden;
|
|
42893
|
+
}
|
|
42910
42894
|
|
|
42911
|
-
|
|
42912
|
-
|
|
42913
|
-
|
|
42914
|
-
}
|
|
42895
|
+
.k-card-horizontal .k-card-media {
|
|
42896
|
+
max-width: $kendo-card-img-max-width;
|
|
42897
|
+
object-fit: cover;
|
|
42915
42898
|
}
|
|
42916
42899
|
|
|
42917
42900
|
|
|
@@ -44867,9 +44850,13 @@ $kendo-pager-sizes: (
|
|
|
44867
44850
|
@if ($kendo-pager-item-spacing) {
|
|
44868
44851
|
margin-left: $kendo-pager-item-spacing;
|
|
44869
44852
|
}
|
|
44853
|
+
}
|
|
44870
44854
|
|
|
44871
|
-
|
|
44872
|
-
|
|
44855
|
+
.k-rtl,
|
|
44856
|
+
[dir="rtl"] {
|
|
44857
|
+
.k-pager-nav + .k-pager-nav,
|
|
44858
|
+
.k-pager-nav + .k-pager-numbers-wrap,
|
|
44859
|
+
.k-pager-numbers-wrap + .k-pager-nav {
|
|
44873
44860
|
@if ($kendo-pager-item-spacing) {
|
|
44874
44861
|
margin-left: 0;
|
|
44875
44862
|
margin-right: $kendo-pager-item-spacing;
|
|
@@ -47023,15 +47010,15 @@ $kendo-expander-content-padding-y: k-spacing(6) !default;
|
|
|
47023
47010
|
*::after {
|
|
47024
47011
|
box-sizing: border-box;
|
|
47025
47012
|
}
|
|
47013
|
+
}
|
|
47026
47014
|
|
|
47027
|
-
|
|
47028
|
-
|
|
47029
|
-
|
|
47030
|
-
|
|
47031
|
-
|
|
47032
|
-
|
|
47033
|
-
|
|
47034
|
-
}
|
|
47015
|
+
.k-rtl .k-expander,
|
|
47016
|
+
.k-expander.k-rtl,
|
|
47017
|
+
.k-expander[dir="rtl"] {
|
|
47018
|
+
// Expand / collapse icon
|
|
47019
|
+
.k-expander-indicator {
|
|
47020
|
+
margin-left: 0;
|
|
47021
|
+
margin-right: $kendo-expander-indicator-margin-x;
|
|
47035
47022
|
}
|
|
47036
47023
|
}
|
|
47037
47024
|
|
|
@@ -47747,24 +47734,22 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
47747
47734
|
.k-panelbar-group .k-panelbar-toggle {
|
|
47748
47735
|
margin-inline-end: calc( #{$kendo-panelbar-header-padding-x} - #{$kendo-panelbar-item-padding-x} );
|
|
47749
47736
|
}
|
|
47737
|
+
}
|
|
47750
47738
|
|
|
47751
|
-
|
|
47752
|
-
|
|
47753
|
-
|
|
47754
|
-
|
|
47755
|
-
|
|
47756
|
-
|
|
47757
|
-
|
|
47758
|
-
|
|
47759
|
-
|
|
47760
|
-
|
|
47761
|
-
padding-right: calc( #{$kendo-panelbar-item-padding-x} * #{$i} );
|
|
47762
|
-
}
|
|
47739
|
+
.k-rtl .k-panelbar,
|
|
47740
|
+
.k-panelbar.k-rtl,
|
|
47741
|
+
.k-panelbar [dir = "rtl"] {
|
|
47742
|
+
.k-panelbar-group > .k-panelbar-item {
|
|
47743
|
+
// Hierarchy items
|
|
47744
|
+
@for $i from 1 through $kendo-panelbar-item-level-count {
|
|
47745
|
+
&.k-level-#{$i} {
|
|
47746
|
+
.k-link {
|
|
47747
|
+
padding-left: $kendo-panelbar-item-padding-x;
|
|
47748
|
+
padding-right: calc( #{$kendo-panelbar-item-padding-x} * #{$i} );
|
|
47763
47749
|
}
|
|
47764
47750
|
}
|
|
47765
47751
|
}
|
|
47766
47752
|
}
|
|
47767
|
-
|
|
47768
47753
|
}
|
|
47769
47754
|
|
|
47770
47755
|
}
|
|
@@ -48147,12 +48132,6 @@ $kendo-splitbar-selected-text: $kendo-color-primary-contrast !default;
|
|
|
48147
48132
|
overflow: hidden;
|
|
48148
48133
|
}
|
|
48149
48134
|
|
|
48150
|
-
// Nested
|
|
48151
|
-
.k-pane > & {
|
|
48152
|
-
border-width: 0;
|
|
48153
|
-
overflow: hidden;
|
|
48154
|
-
}
|
|
48155
|
-
|
|
48156
48135
|
// Loading
|
|
48157
48136
|
.k-pane-loading {
|
|
48158
48137
|
position: static;
|
|
@@ -48248,9 +48227,16 @@ $kendo-splitbar-selected-text: $kendo-color-primary-contrast !default;
|
|
|
48248
48227
|
z-index: 1;
|
|
48249
48228
|
}
|
|
48250
48229
|
|
|
48251
|
-
.k-pane >
|
|
48252
|
-
|
|
48253
|
-
|
|
48230
|
+
.k-pane > {
|
|
48231
|
+
.k-splitter {
|
|
48232
|
+
border-width: 0;
|
|
48233
|
+
overflow: hidden;
|
|
48234
|
+
}
|
|
48235
|
+
|
|
48236
|
+
.k-splitter-overlay {
|
|
48237
|
+
opacity: 0;
|
|
48238
|
+
position: absolute;
|
|
48239
|
+
}
|
|
48254
48240
|
}
|
|
48255
48241
|
|
|
48256
48242
|
// flexbox-based splitter
|
|
@@ -50496,28 +50482,23 @@ $kendo-adaptive-scheduler-subtle-text: $kendo-subtle-text !default;
|
|
|
50496
50482
|
}
|
|
50497
50483
|
|
|
50498
50484
|
}
|
|
50485
|
+
}
|
|
50499
50486
|
|
|
50500
|
-
|
|
50501
|
-
|
|
50502
|
-
|
|
50503
|
-
|
|
50504
|
-
|
|
50505
|
-
|
|
50506
|
-
|
|
50507
|
-
.k-scheduler-toolbar {
|
|
50508
|
-
> ul > li {
|
|
50509
|
-
border: 0;
|
|
50510
|
-
}
|
|
50487
|
+
// RTL
|
|
50488
|
+
:is(.k-rtl .k-pane-wrapper, [dir="rtl"] .k-pane-wrapper, .k-pane-wrapper[dir="rtl"]) {
|
|
50489
|
+
.k-scheduler-mobile {
|
|
50490
|
+
.k-scheduler-toolbar {
|
|
50491
|
+
> ul > li {
|
|
50492
|
+
border: 0;
|
|
50511
50493
|
}
|
|
50494
|
+
}
|
|
50512
50495
|
|
|
50513
|
-
|
|
50514
|
-
|
|
50515
|
-
|
|
50516
|
-
}
|
|
50496
|
+
.k-task .k-i-reload {
|
|
50497
|
+
margin-left: .5em;
|
|
50498
|
+
margin-right: 0;
|
|
50517
50499
|
}
|
|
50518
50500
|
}
|
|
50519
50501
|
}
|
|
50520
|
-
|
|
50521
50502
|
}
|
|
50522
50503
|
|
|
50523
50504
|
|
|
@@ -55859,25 +55840,9 @@ $kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !default;
|
|
|
55859
55840
|
cursor: pointer;
|
|
55860
55841
|
user-select: none;
|
|
55861
55842
|
|
|
55862
|
-
.k-flex-row &,
|
|
55863
|
-
.k-flex-row-reverse & {
|
|
55864
|
-
display: flex;
|
|
55865
|
-
align-items: center;
|
|
55866
|
-
justify-content: center;
|
|
55867
|
-
writing-mode: vertical-rl;
|
|
55868
|
-
|
|
55869
|
-
.k-icon {
|
|
55870
|
-
vertical-align: baseline;
|
|
55871
|
-
}
|
|
55872
|
-
}
|
|
55873
55843
|
.k-flex-row-reverse & > span {
|
|
55874
55844
|
transform: rotate(-180deg);
|
|
55875
55845
|
}
|
|
55876
|
-
|
|
55877
|
-
.k-flex-col &,
|
|
55878
|
-
.k-flex-col-reverse & {
|
|
55879
|
-
text-align: center;
|
|
55880
|
-
}
|
|
55881
55846
|
}
|
|
55882
55847
|
|
|
55883
55848
|
|
|
@@ -55886,22 +55851,8 @@ $kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !default;
|
|
|
55886
55851
|
position: absolute;
|
|
55887
55852
|
overflow: hidden;
|
|
55888
55853
|
z-index: 2;
|
|
55889
|
-
|
|
55890
|
-
.k-flex-row & {
|
|
55891
|
-
right: $kendo-pivotgrid-configurator-button-size;
|
|
55892
|
-
}
|
|
55893
|
-
.k-flex-row-reverse & {
|
|
55894
|
-
left: $kendo-pivotgrid-configurator-button-size;
|
|
55895
|
-
}
|
|
55896
|
-
.k-flex-col & {
|
|
55897
|
-
bottom: $kendo-pivotgrid-configurator-button-size;
|
|
55898
|
-
}
|
|
55899
|
-
.k-flex-col-reverse & {
|
|
55900
|
-
top: $kendo-pivotgrid-configurator-button-size;
|
|
55901
|
-
}
|
|
55902
55854
|
}
|
|
55903
55855
|
|
|
55904
|
-
|
|
55905
55856
|
// Panel Content
|
|
55906
55857
|
.k-pivotgrid-configurator-header {
|
|
55907
55858
|
padding-block: $kendo-pivotgrid-configurator-header-padding-y;
|
|
@@ -56042,15 +55993,35 @@ $kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !default;
|
|
|
56042
55993
|
min-width: $kendo-pivotgrid-configurator-vertical-width;
|
|
56043
55994
|
}
|
|
56044
55995
|
|
|
56045
|
-
.k-
|
|
56046
|
-
.k-
|
|
56047
|
-
|
|
55996
|
+
.k-flex-row {
|
|
55997
|
+
.k-pivotgrid-configurator-overlay {
|
|
55998
|
+
right: $kendo-pivotgrid-configurator-button-size;
|
|
55999
|
+
}
|
|
56000
|
+
|
|
56001
|
+
&-reverse .k-pivotgrid-configurator-overlay {
|
|
56002
|
+
left: $kendo-pivotgrid-configurator-button-size;
|
|
56003
|
+
}
|
|
56004
|
+
}
|
|
56005
|
+
|
|
56006
|
+
.k-flex-row,
|
|
56007
|
+
.k-flex-row-reverse {
|
|
56008
|
+
.k-pivotgrid-configurator-button {
|
|
56009
|
+
display: flex;
|
|
56010
|
+
align-items: center;
|
|
56011
|
+
justify-content: center;
|
|
56012
|
+
writing-mode: vertical-rl;
|
|
56013
|
+
|
|
56014
|
+
.k-icon {
|
|
56015
|
+
vertical-align: baseline;
|
|
56016
|
+
}
|
|
56017
|
+
}
|
|
56018
|
+
|
|
56019
|
+
.k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
|
|
56048
56020
|
border-right-width: 0;
|
|
56049
56021
|
border-left-width: 0;
|
|
56050
56022
|
}
|
|
56051
56023
|
}
|
|
56052
56024
|
|
|
56053
|
-
|
|
56054
56025
|
// Horizontal Layout
|
|
56055
56026
|
.k-pivotgrid-configurator-horizontal {
|
|
56056
56027
|
width: 100%;
|
|
@@ -56097,17 +56068,31 @@ $kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !default;
|
|
|
56097
56068
|
overflow-y: auto;
|
|
56098
56069
|
}
|
|
56099
56070
|
}
|
|
56071
|
+
}
|
|
56100
56072
|
|
|
56101
|
-
|
|
56102
|
-
|
|
56103
|
-
|
|
56104
|
-
|
|
56105
|
-
|
|
56106
|
-
|
|
56073
|
+
.k-flex-col {
|
|
56074
|
+
.k-pivotgrid-configurator-overlay {
|
|
56075
|
+
bottom: $kendo-pivotgrid-configurator-button-size;
|
|
56076
|
+
}
|
|
56077
|
+
|
|
56078
|
+
&-reverse .k-pivotgrid-configurator-overlay {
|
|
56079
|
+
top: $kendo-pivotgrid-configurator-button-size;
|
|
56107
56080
|
}
|
|
56108
56081
|
}
|
|
56109
56082
|
|
|
56110
56083
|
|
|
56084
|
+
.k-flex-col,
|
|
56085
|
+
.k-flex-col-reverse {
|
|
56086
|
+
.k-pivotgrid-configurator-button {
|
|
56087
|
+
text-align: center;
|
|
56088
|
+
}
|
|
56089
|
+
|
|
56090
|
+
.k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
|
|
56091
|
+
border-top-width: 0;
|
|
56092
|
+
border-bottom-width: 0;
|
|
56093
|
+
}
|
|
56094
|
+
}
|
|
56095
|
+
|
|
56111
56096
|
|
|
56112
56097
|
// Pivotgrid export
|
|
56113
56098
|
.k-pdf-export-shadow {
|
|
@@ -56478,25 +56463,26 @@ $kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !default;
|
|
|
56478
56463
|
|
|
56479
56464
|
|
|
56480
56465
|
// Overlay mode
|
|
56481
|
-
.k-
|
|
56482
|
-
.k-
|
|
56466
|
+
.k-flex-row {
|
|
56467
|
+
.k-pivotgrid-configurator-overlay {
|
|
56483
56468
|
@include box-shadow( $kendo-pivotgrid-configurator-end-shadow );
|
|
56484
56469
|
}
|
|
56485
56470
|
|
|
56486
|
-
.k-
|
|
56471
|
+
&-reverse .k-pivotgrid-configurator-overlay {
|
|
56487
56472
|
@include box-shadow( $kendo-pivotgrid-configurator-start-shadow );
|
|
56488
56473
|
}
|
|
56474
|
+
}
|
|
56489
56475
|
|
|
56490
|
-
|
|
56476
|
+
.k-flex-col {
|
|
56477
|
+
.k-pivotgrid-configurator-overlay {
|
|
56491
56478
|
@include box-shadow( $kendo-pivotgrid-configurator-top-shadow );
|
|
56492
56479
|
}
|
|
56493
56480
|
|
|
56494
|
-
.k-
|
|
56481
|
+
&-reverse .k-pivotgrid-configurator-overlay {
|
|
56495
56482
|
@include box-shadow( $kendo-pivotgrid-configurator-bottom-shadow );
|
|
56496
56483
|
}
|
|
56497
56484
|
}
|
|
56498
56485
|
|
|
56499
|
-
|
|
56500
56486
|
// Legacy pivotgrid
|
|
56501
56487
|
// TODO: remove
|
|
56502
56488
|
.k-pivot {
|
|
@@ -56756,14 +56742,10 @@ $kendo-treelist-footer-row-border-width: 1px !default;
|
|
|
56756
56742
|
.k-table-row.k-group-footer + .k-table-row.k-group-footer td {
|
|
56757
56743
|
border-top-width: 0;
|
|
56758
56744
|
}
|
|
56745
|
+
}
|
|
56759
56746
|
|
|
56760
|
-
|
|
56761
|
-
|
|
56762
|
-
thead.k-grid-header {
|
|
56763
|
-
padding-left: 0;
|
|
56764
|
-
}
|
|
56765
|
-
}
|
|
56766
|
-
|
|
56747
|
+
:is(.k-treelist-scrollable[dir="rtl"], .k-rtl .k-treelist-scrollable) thead.k-grid-header {
|
|
56748
|
+
padding-left: 0;
|
|
56767
56749
|
}
|
|
56768
56750
|
|
|
56769
56751
|
.k-drag-separator {
|
|
@@ -60962,12 +60944,9 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
60962
60944
|
@include kendo-gantt--layout-base();
|
|
60963
60945
|
|
|
60964
60946
|
// Timeline
|
|
60965
|
-
.k-gantt-timeline-pane {
|
|
60966
|
-
.k-
|
|
60967
|
-
|
|
60968
|
-
.k-header {
|
|
60969
|
-
border-width: 0 $kendo-grid-cell-vertical-border-width 1px 0;
|
|
60970
|
-
}
|
|
60947
|
+
.k-rtl .k-gantt-timeline-pane {
|
|
60948
|
+
.k-header {
|
|
60949
|
+
border-width: 0 $kendo-grid-cell-vertical-border-width 1px 0;
|
|
60971
60950
|
}
|
|
60972
60951
|
}
|
|
60973
60952
|
|
|
@@ -61271,13 +61250,12 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
61271
61250
|
tbody > tr:not(:only-child) > .k-header {
|
|
61272
61251
|
border-left-color: $kendo-grid-border;
|
|
61273
61252
|
}
|
|
61274
|
-
|
|
61275
|
-
|
|
61276
|
-
.k-grid-header {
|
|
61253
|
+
}
|
|
61277
61254
|
|
|
61278
|
-
|
|
61279
|
-
|
|
61280
|
-
|
|
61255
|
+
.k-rtl .k-gantt-timeline-pane {
|
|
61256
|
+
.k-grid-header {
|
|
61257
|
+
tbody > tr:not(:only-child) > .k-header {
|
|
61258
|
+
border-right-color: $kendo-grid-border;
|
|
61281
61259
|
}
|
|
61282
61260
|
}
|
|
61283
61261
|
}
|
|
@@ -63676,17 +63654,19 @@ $kendo-chat-quick-reply-shadow-opacity: 0 !default;
|
|
|
63676
63654
|
fill: currentColor;
|
|
63677
63655
|
display: inline-block;
|
|
63678
63656
|
}
|
|
63657
|
+
}
|
|
63658
|
+
}
|
|
63679
63659
|
|
|
63680
|
-
|
|
63681
|
-
|
|
63660
|
+
.k-rtl,
|
|
63661
|
+
[dir="rtl"] {
|
|
63662
|
+
.k-message-box {
|
|
63663
|
+
.k-button {
|
|
63682
63664
|
transform: scaleX(-1);
|
|
63683
63665
|
}
|
|
63684
63666
|
}
|
|
63685
63667
|
}
|
|
63686
63668
|
|
|
63687
63669
|
|
|
63688
|
-
|
|
63689
|
-
|
|
63690
63670
|
// Card list
|
|
63691
63671
|
.k-chat .k-card-list {
|
|
63692
63672
|
margin: $kendo-chat-bubble-spacing 0 0;
|
|
@@ -65589,12 +65569,15 @@ $_kendo-module-meta: (
|
|
|
65589
65569
|
opacity: 0;
|
|
65590
65570
|
transform-origin: 0 0;
|
|
65591
65571
|
transition: opacity .3s linear;
|
|
65572
|
+
}
|
|
65592
65573
|
|
|
65593
|
-
|
|
65594
|
-
|
|
65574
|
+
.k-map,
|
|
65575
|
+
.k-diagram {
|
|
65576
|
+
.km-touch-scrollbar {
|
|
65595
65577
|
display: none;
|
|
65596
65578
|
}
|
|
65597
65579
|
}
|
|
65580
|
+
|
|
65598
65581
|
.km-vertical-scrollbar {
|
|
65599
65582
|
height: 100%;
|
|
65600
65583
|
right: 2px;
|
|
@@ -65835,11 +65818,6 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
|
|
|
65835
65818
|
transition-timing-function: $kendo-scrollview-transition-timing-function;
|
|
65836
65819
|
transform: translateX( calc( -100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
|
|
65837
65820
|
|
|
65838
|
-
[dir="rtl"] &,
|
|
65839
|
-
.k-rtl & {
|
|
65840
|
-
transform: translateX( calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
|
|
65841
|
-
}
|
|
65842
|
-
|
|
65843
65821
|
.k-scrollview-view {
|
|
65844
65822
|
width: calc( 100% / var(--kendo-scrollview-views, 1) );
|
|
65845
65823
|
flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1) );
|
|
@@ -65847,6 +65825,10 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
|
|
|
65847
65825
|
|
|
65848
65826
|
}
|
|
65849
65827
|
|
|
65828
|
+
:is([dir="rtl"], .k-rtl) .k-scrollview-wrap.k-scrollview-animate {
|
|
65829
|
+
transform: translateX( calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
|
|
65830
|
+
}
|
|
65831
|
+
|
|
65850
65832
|
.k-scrollview-nav-wrap {
|
|
65851
65833
|
padding: 0;
|
|
65852
65834
|
margin: 0;
|
|
@@ -66520,8 +66502,6 @@ $kendo-map-marker-images: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAB
|
|
|
66520
66502
|
border-radius: 50%;
|
|
66521
66503
|
position: relative;
|
|
66522
66504
|
|
|
66523
|
-
.k-pdf-export & { display: none; }
|
|
66524
|
-
|
|
66525
66505
|
|
|
66526
66506
|
// Buttons
|
|
66527
66507
|
.k-button {
|
|
@@ -66570,10 +66550,15 @@ $kendo-map-marker-images: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAB
|
|
|
66570
66550
|
border: 0;
|
|
66571
66551
|
background: none;
|
|
66572
66552
|
display: flex;
|
|
66573
|
-
|
|
66574
|
-
.k-pdf-export & { display: none; }
|
|
66575
66553
|
}
|
|
66576
66554
|
|
|
66555
|
+
|
|
66556
|
+
.k-pdf-export {
|
|
66557
|
+
.k-navigator,
|
|
66558
|
+
.k-zoom-control {
|
|
66559
|
+
display: none;
|
|
66560
|
+
}
|
|
66561
|
+
}
|
|
66577
66562
|
}
|
|
66578
66563
|
|
|
66579
66564
|
|