@progress/kendo-theme-material 5.5.1-dev.0 → 5.6.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 +390 -123
- package/dist/all.scss +481 -177
- 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 +3 -3
- package/scss/button/_variables.scss +33 -13
- package/scss/calendar/_theme.scss +1 -1
- package/scss/calendar/_variables.scss +44 -1
- package/scss/input/_variables.scss +19 -2
- package/scss/list/_variables.scss +7 -7
- package/scss/progressbar/_theme.scss +5 -23
- package/scss/progressbar/_variables.scss +4 -0
- package/scss/timeselector/_variables.scss +38 -0
- package/scss/treeview/_variables.scss +6 -6
package/dist/all.css
CHANGED
|
@@ -11337,8 +11337,8 @@ kendo-sortable {
|
|
|
11337
11337
|
}
|
|
11338
11338
|
|
|
11339
11339
|
.k-list-sm {
|
|
11340
|
-
font-size:
|
|
11341
|
-
line-height: 1.
|
|
11340
|
+
font-size: 14px;
|
|
11341
|
+
line-height: 1.4285714286;
|
|
11342
11342
|
}
|
|
11343
11343
|
|
|
11344
11344
|
.k-list-sm .k-list-group-sticky-header {
|
|
@@ -11354,8 +11354,8 @@ kendo-sortable {
|
|
|
11354
11354
|
}
|
|
11355
11355
|
|
|
11356
11356
|
.k-list-md {
|
|
11357
|
-
font-size:
|
|
11358
|
-
line-height: 1.
|
|
11357
|
+
font-size: 14px;
|
|
11358
|
+
line-height: 1.4285714286;
|
|
11359
11359
|
}
|
|
11360
11360
|
|
|
11361
11361
|
.k-list-md .k-list-group-sticky-header {
|
|
@@ -11372,15 +11372,15 @@ kendo-sortable {
|
|
|
11372
11372
|
|
|
11373
11373
|
.k-list-lg {
|
|
11374
11374
|
font-size: 16px;
|
|
11375
|
-
line-height: 1.
|
|
11375
|
+
line-height: 1.5;
|
|
11376
11376
|
}
|
|
11377
11377
|
|
|
11378
11378
|
.k-list-lg .k-list-group-sticky-header {
|
|
11379
|
-
padding:
|
|
11379
|
+
padding: 8px 16px;
|
|
11380
11380
|
}
|
|
11381
11381
|
|
|
11382
11382
|
.k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel {
|
|
11383
|
-
padding:
|
|
11383
|
+
padding: 8px 16px;
|
|
11384
11384
|
}
|
|
11385
11385
|
|
|
11386
11386
|
.k-list-lg .k-list-group-item {
|
|
@@ -12195,41 +12195,41 @@ kendo-badge-container {
|
|
|
12195
12195
|
line-height: 1.4285714286;
|
|
12196
12196
|
}
|
|
12197
12197
|
|
|
12198
|
-
.k-button-
|
|
12199
|
-
padding: 8px 16px;
|
|
12200
|
-
font-size: 14px;
|
|
12201
|
-
line-height: 1.4285714286;
|
|
12202
|
-
}
|
|
12203
|
-
|
|
12204
|
-
.k-button-lg {
|
|
12205
|
-
padding: 10px 16px;
|
|
12206
|
-
font-size: 14px;
|
|
12207
|
-
line-height: 1.4285714286;
|
|
12208
|
-
}
|
|
12209
|
-
|
|
12210
|
-
.k-icon-button.k-button-sm {
|
|
12198
|
+
.k-button-sm.k-icon-button {
|
|
12211
12199
|
padding: 6px;
|
|
12212
12200
|
}
|
|
12213
12201
|
|
|
12214
|
-
.k-
|
|
12202
|
+
.k-button-sm.k-icon-button > .k-button-icon {
|
|
12215
12203
|
min-width: calc( 14px * 1.4285714286);
|
|
12216
12204
|
min-height: calc( 14px * 1.4285714286);
|
|
12217
12205
|
}
|
|
12218
12206
|
|
|
12219
|
-
.k-
|
|
12207
|
+
.k-button-md {
|
|
12208
|
+
padding: 8px 16px;
|
|
12209
|
+
font-size: 14px;
|
|
12210
|
+
line-height: 1.4285714286;
|
|
12211
|
+
}
|
|
12212
|
+
|
|
12213
|
+
.k-button-md.k-icon-button {
|
|
12220
12214
|
padding: 8px;
|
|
12221
12215
|
}
|
|
12222
12216
|
|
|
12223
|
-
.k-
|
|
12217
|
+
.k-button-md.k-icon-button > .k-button-icon {
|
|
12224
12218
|
min-width: calc( 14px * 1.4285714286);
|
|
12225
12219
|
min-height: calc( 14px * 1.4285714286);
|
|
12226
12220
|
}
|
|
12227
12221
|
|
|
12228
|
-
.k-
|
|
12222
|
+
.k-button-lg {
|
|
12223
|
+
padding: 10px 16px;
|
|
12224
|
+
font-size: 14px;
|
|
12225
|
+
line-height: 1.4285714286;
|
|
12226
|
+
}
|
|
12227
|
+
|
|
12228
|
+
.k-button-lg.k-icon-button {
|
|
12229
12229
|
padding: 10px;
|
|
12230
12230
|
}
|
|
12231
12231
|
|
|
12232
|
-
.k-
|
|
12232
|
+
.k-button-lg.k-icon-button > .k-button-icon {
|
|
12233
12233
|
min-width: calc( 14px * 1.4285714286);
|
|
12234
12234
|
min-height: calc( 14px * 1.4285714286);
|
|
12235
12235
|
}
|
|
@@ -14217,14 +14217,14 @@ textarea.k-input-inner {
|
|
|
14217
14217
|
.k-input-lg,
|
|
14218
14218
|
.k-picker-lg {
|
|
14219
14219
|
font-size: 16px;
|
|
14220
|
-
line-height: 1.
|
|
14220
|
+
line-height: 1.5;
|
|
14221
14221
|
}
|
|
14222
14222
|
|
|
14223
14223
|
.k-input-lg .k-input-values,
|
|
14224
14224
|
.k-picker-lg .k-input-values {
|
|
14225
14225
|
width: 100%;
|
|
14226
|
-
padding:
|
|
14227
|
-
gap:
|
|
14226
|
+
padding: 4px;
|
|
14227
|
+
gap: 4px;
|
|
14228
14228
|
cursor: text;
|
|
14229
14229
|
}
|
|
14230
14230
|
|
|
@@ -14232,12 +14232,12 @@ textarea.k-input-inner {
|
|
|
14232
14232
|
.k-input-lg .k-input-values > .k-input-inner,
|
|
14233
14233
|
.k-picker-lg .k-input-values > .k-searchbar,
|
|
14234
14234
|
.k-picker-lg .k-input-values > .k-input-inner {
|
|
14235
|
-
margin: -
|
|
14235
|
+
margin: -4px;
|
|
14236
14236
|
}
|
|
14237
14237
|
|
|
14238
14238
|
.k-input-lg .k-input-inner,
|
|
14239
14239
|
.k-picker-lg .k-input-inner {
|
|
14240
|
-
padding:
|
|
14240
|
+
padding: 8px 16px;
|
|
14241
14241
|
}
|
|
14242
14242
|
|
|
14243
14243
|
.k-input-lg .k-input-button,
|
|
@@ -14261,20 +14261,20 @@ textarea.k-input-inner {
|
|
|
14261
14261
|
.k-picker-lg .k-clear-value,
|
|
14262
14262
|
.k-picker-lg .k-input-prefix > .k-icon,
|
|
14263
14263
|
.k-picker-lg .k-input-suffix > .k-icon {
|
|
14264
|
-
width: calc( 16px +
|
|
14265
|
-
height: calc( 16px +
|
|
14264
|
+
width: calc( 16px + 16px);
|
|
14265
|
+
height: calc( 16px + 16px);
|
|
14266
14266
|
}
|
|
14267
14267
|
|
|
14268
14268
|
.k-input-lg.k-icon-picker .k-input-inner,
|
|
14269
14269
|
.k-picker-lg.k-icon-picker .k-input-inner {
|
|
14270
|
-
width: calc( 1.
|
|
14271
|
-
height: calc( 1.
|
|
14272
|
-
padding:
|
|
14270
|
+
width: calc( 1.5em);
|
|
14271
|
+
height: calc( 1.5em);
|
|
14272
|
+
padding: 8px;
|
|
14273
14273
|
box-sizing: content-box;
|
|
14274
14274
|
}
|
|
14275
14275
|
|
|
14276
14276
|
.k-dropdown-operator.k-picker-lg .k-input-button {
|
|
14277
|
-
padding:
|
|
14277
|
+
padding: 8px;
|
|
14278
14278
|
}
|
|
14279
14279
|
|
|
14280
14280
|
.k-input > kendo-popup,
|
|
@@ -17833,8 +17833,8 @@ kendo-label > .k-label {
|
|
|
17833
17833
|
border-width: 0;
|
|
17834
17834
|
outline: 0;
|
|
17835
17835
|
font-family: Roboto, "Helvetica Neue", sans-serif;
|
|
17836
|
-
font-size:
|
|
17837
|
-
line-height: 1.
|
|
17836
|
+
font-size: 14px;
|
|
17837
|
+
line-height: 1.4285714286;
|
|
17838
17838
|
vertical-align: top;
|
|
17839
17839
|
background-color: transparent;
|
|
17840
17840
|
display: inline-flex;
|
|
@@ -18181,6 +18181,45 @@ kendo-label > .k-label {
|
|
|
18181
18181
|
-ms-grid-row-align: start;
|
|
18182
18182
|
}
|
|
18183
18183
|
|
|
18184
|
+
.k-circular-progressbar {
|
|
18185
|
+
display: inline-block;
|
|
18186
|
+
text-align: left;
|
|
18187
|
+
position: relative;
|
|
18188
|
+
}
|
|
18189
|
+
|
|
18190
|
+
.k-circular-progressbar-surface {
|
|
18191
|
+
height: 100%;
|
|
18192
|
+
}
|
|
18193
|
+
|
|
18194
|
+
.k-circular-progressbar-surface > div {
|
|
18195
|
+
width: 100%;
|
|
18196
|
+
height: 100%;
|
|
18197
|
+
}
|
|
18198
|
+
|
|
18199
|
+
.k-circular-progressbar-surface svg {
|
|
18200
|
+
width: 100%;
|
|
18201
|
+
height: 100%;
|
|
18202
|
+
}
|
|
18203
|
+
|
|
18204
|
+
.k-circular-progressbar-scale {
|
|
18205
|
+
fill: none;
|
|
18206
|
+
}
|
|
18207
|
+
|
|
18208
|
+
.k-circular-progressbar-arc {
|
|
18209
|
+
transform-box: fill-box;
|
|
18210
|
+
transform-origin: center center;
|
|
18211
|
+
transform: rotate(-90deg);
|
|
18212
|
+
stroke-linecap: round;
|
|
18213
|
+
fill: none;
|
|
18214
|
+
}
|
|
18215
|
+
|
|
18216
|
+
.k-circular-progressbar-label {
|
|
18217
|
+
position: absolute;
|
|
18218
|
+
text-align: center;
|
|
18219
|
+
padding: 0;
|
|
18220
|
+
margin: 0;
|
|
18221
|
+
}
|
|
18222
|
+
|
|
18184
18223
|
.k-progressbar {
|
|
18185
18224
|
border-radius: 0;
|
|
18186
18225
|
overflow: visible;
|
|
@@ -18244,6 +18283,47 @@ kendo-label > .k-label {
|
|
|
18244
18283
|
animation: progressbar-secondary-indeterminate-vertical 2s infinite;
|
|
18245
18284
|
}
|
|
18246
18285
|
|
|
18286
|
+
@keyframes progressbar-indeterminate-animation {
|
|
18287
|
+
from {
|
|
18288
|
+
background-position: 0 0;
|
|
18289
|
+
}
|
|
18290
|
+
to {
|
|
18291
|
+
background-position: 5px 0;
|
|
18292
|
+
}
|
|
18293
|
+
}
|
|
18294
|
+
|
|
18295
|
+
.k-progressbar {
|
|
18296
|
+
color: rgba(0, 0, 0, 0.87);
|
|
18297
|
+
background-color: #bac0e4;
|
|
18298
|
+
}
|
|
18299
|
+
|
|
18300
|
+
.k-progressbar .k-state-selected,
|
|
18301
|
+
.k-progressbar .k-selected {
|
|
18302
|
+
color: white;
|
|
18303
|
+
background-color: #3f51b5;
|
|
18304
|
+
}
|
|
18305
|
+
|
|
18306
|
+
.k-progressbar .k-item {
|
|
18307
|
+
border-color: white;
|
|
18308
|
+
}
|
|
18309
|
+
|
|
18310
|
+
.k-progressbar-indeterminate {
|
|
18311
|
+
color: rgba(0, 0, 0, 0.87);
|
|
18312
|
+
background-color: #bac0e4;
|
|
18313
|
+
background-image: linear-gradient(45deg, #abb1d2 25%, transparent 25%, transparent 50%, #abb1d2 50%, #abb1d2 75%, transparent 75%, transparent);
|
|
18314
|
+
background-size: 5px 5px;
|
|
18315
|
+
animation: progressbar-indeterminate-animation;
|
|
18316
|
+
}
|
|
18317
|
+
|
|
18318
|
+
.k-circular-progressbar-scale {
|
|
18319
|
+
stroke: #bac0e4;
|
|
18320
|
+
}
|
|
18321
|
+
|
|
18322
|
+
.k-circular-progressbar-arc {
|
|
18323
|
+
stroke: #3f51b5;
|
|
18324
|
+
transition: stroke .5s ease;
|
|
18325
|
+
}
|
|
18326
|
+
|
|
18247
18327
|
@keyframes progressbar-primary-indeterminate-horizontal {
|
|
18248
18328
|
0% {
|
|
18249
18329
|
transform: translateX(0) scaleX(0);
|
|
@@ -18314,19 +18394,8 @@ kendo-label > .k-label {
|
|
|
18314
18394
|
}
|
|
18315
18395
|
}
|
|
18316
18396
|
|
|
18317
|
-
.k-progressbar {
|
|
18318
|
-
|
|
18319
|
-
background-color: #bac0e4;
|
|
18320
|
-
}
|
|
18321
|
-
|
|
18322
|
-
.k-progressbar .k-state-selected,
|
|
18323
|
-
.k-progressbar .k-selected {
|
|
18324
|
-
color: white;
|
|
18325
|
-
background-color: #3f51b5;
|
|
18326
|
-
}
|
|
18327
|
-
|
|
18328
|
-
.k-progressbar .k-item {
|
|
18329
|
-
border-color: white;
|
|
18397
|
+
.k-progressbar-indeterminate {
|
|
18398
|
+
background-image: none;
|
|
18330
18399
|
}
|
|
18331
18400
|
|
|
18332
18401
|
.k-radio {
|
|
@@ -19214,6 +19283,8 @@ kendo-label > .k-label {
|
|
|
19214
19283
|
}
|
|
19215
19284
|
|
|
19216
19285
|
.k-calendar {
|
|
19286
|
+
inline-size: var(--INTERNAL--kendo-calendar-width, min-content);
|
|
19287
|
+
block-size: var(--INTERNAL--kendo-calendar-height, min-content);
|
|
19217
19288
|
border-width: 1px;
|
|
19218
19289
|
border-style: solid;
|
|
19219
19290
|
box-sizing: border-box;
|
|
@@ -19234,14 +19305,8 @@ kendo-label > .k-label {
|
|
|
19234
19305
|
border: 0;
|
|
19235
19306
|
}
|
|
19236
19307
|
|
|
19237
|
-
.k-calendar .k-link {
|
|
19238
|
-
white-space: normal;
|
|
19239
|
-
position: relative;
|
|
19240
|
-
overflow: hidden;
|
|
19241
|
-
}
|
|
19242
|
-
|
|
19243
19308
|
.k-calendar-table {
|
|
19244
|
-
margin: 0;
|
|
19309
|
+
margin: 0 auto;
|
|
19245
19310
|
border-width: 0;
|
|
19246
19311
|
border-color: inherit;
|
|
19247
19312
|
border-spacing: 0;
|
|
@@ -19249,8 +19314,7 @@ kendo-label > .k-label {
|
|
|
19249
19314
|
table-layout: fixed;
|
|
19250
19315
|
text-align: center;
|
|
19251
19316
|
outline: 0;
|
|
19252
|
-
display:
|
|
19253
|
-
vertical-align: top;
|
|
19317
|
+
display: table;
|
|
19254
19318
|
position: relative;
|
|
19255
19319
|
z-index: 1;
|
|
19256
19320
|
}
|
|
@@ -19289,9 +19353,28 @@ kendo-label > .k-label {
|
|
|
19289
19353
|
|
|
19290
19354
|
.k-calendar-td {
|
|
19291
19355
|
border-radius: 100px;
|
|
19356
|
+
inline-size: var(--INTERNAL--kendo-calendar-cell-size, min-content);
|
|
19357
|
+
block-size: var(--INTERNAL--kendo-calendar-cell-size, min-content);
|
|
19292
19358
|
border-color: transparent;
|
|
19293
19359
|
}
|
|
19294
19360
|
|
|
19361
|
+
.k-calendar .k-calendar-cell-inner, .k-calendar .k-link {
|
|
19362
|
+
border-radius: 100px;
|
|
19363
|
+
padding: 0.5em 0.5em;
|
|
19364
|
+
padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0.5em);
|
|
19365
|
+
padding-block: var(--INTERNAL--kendo-calendar-cell-padding-y, 0.5em);
|
|
19366
|
+
width: 100%;
|
|
19367
|
+
height: 100%;
|
|
19368
|
+
box-sizing: border-box;
|
|
19369
|
+
display: flex;
|
|
19370
|
+
flex-direction: row;
|
|
19371
|
+
align-items: center;
|
|
19372
|
+
justify-content: center;
|
|
19373
|
+
white-space: normal;
|
|
19374
|
+
position: relative;
|
|
19375
|
+
overflow: hidden;
|
|
19376
|
+
}
|
|
19377
|
+
|
|
19295
19378
|
.k-calendar .k-header {
|
|
19296
19379
|
padding: 4px 4px;
|
|
19297
19380
|
border-bottom-width: 0px;
|
|
@@ -19344,6 +19427,7 @@ kendo-label > .k-label {
|
|
|
19344
19427
|
margin: auto;
|
|
19345
19428
|
padding: 0 4px;
|
|
19346
19429
|
width: 252px;
|
|
19430
|
+
inline-size: var(--INTERNAL--kendo-calendar-view-width, 252px);
|
|
19347
19431
|
min-height: 252px;
|
|
19348
19432
|
box-sizing: content-box;
|
|
19349
19433
|
gap: 16px;
|
|
@@ -19352,58 +19436,45 @@ kendo-label > .k-label {
|
|
|
19352
19436
|
overflow: hidden;
|
|
19353
19437
|
}
|
|
19354
19438
|
|
|
19355
|
-
.k-calendar-view .k-link {
|
|
19356
|
-
border-radius: 100px;
|
|
19357
|
-
padding: 0.5em 0.5em;
|
|
19358
|
-
box-sizing: border-box;
|
|
19359
|
-
display: flex;
|
|
19360
|
-
flex-direction: row;
|
|
19361
|
-
align-items: center;
|
|
19362
|
-
justify-content: center;
|
|
19363
|
-
}
|
|
19364
|
-
|
|
19365
19439
|
.k-week-number .k-calendar-view {
|
|
19366
19440
|
width: 288px;
|
|
19367
19441
|
}
|
|
19368
19442
|
|
|
19443
|
+
.k-month-calendar .k-calendar-td,
|
|
19369
19444
|
.k-calendar-monthview .k-calendar-td {
|
|
19370
19445
|
width: 36px;
|
|
19371
19446
|
height: 36px;
|
|
19447
|
+
inline-size: var(--INTERNAL--kendo-calendar-cell-size, 36px);
|
|
19448
|
+
block-size: var(--INTERNAL--kendo-calendar-cell-size, 36px);
|
|
19372
19449
|
}
|
|
19373
19450
|
|
|
19374
|
-
.k-calendar
|
|
19375
|
-
width: 36px;
|
|
19376
|
-
height: 36px;
|
|
19377
|
-
}
|
|
19378
|
-
|
|
19451
|
+
.k-year-calendar .k-calendar-td,
|
|
19379
19452
|
.k-calendar-yearview .k-calendar-td {
|
|
19380
|
-
width: auto;
|
|
19381
|
-
height: auto;
|
|
19382
|
-
}
|
|
19383
|
-
|
|
19384
|
-
.k-calendar-yearview .k-link {
|
|
19385
19453
|
width: 63px;
|
|
19386
19454
|
height: 63px;
|
|
19455
|
+
inline-size: var(--INTERNAL--kendo-calendar-cell-size, 63px);
|
|
19456
|
+
block-size: var(--INTERNAL--kendo-calendar-cell-size, 63px);
|
|
19387
19457
|
}
|
|
19388
19458
|
|
|
19459
|
+
.k-decade-calendar .k-calendar-td,
|
|
19389
19460
|
.k-calendar-decadeview .k-calendar-td {
|
|
19390
|
-
width: auto;
|
|
19391
|
-
height: auto;
|
|
19392
|
-
}
|
|
19393
|
-
|
|
19394
|
-
.k-calendar-decadeview .k-link {
|
|
19395
19461
|
width: 63px;
|
|
19396
19462
|
height: 63px;
|
|
19463
|
+
inline-size: var(--INTERNAL--kendo-calendar-cell-size, 63px);
|
|
19464
|
+
block-size: var(--INTERNAL--kendo-calendar-cell-size, 63px);
|
|
19397
19465
|
}
|
|
19398
19466
|
|
|
19467
|
+
.k-century-calendar .k-calendar-td,
|
|
19399
19468
|
.k-calendar-centuryview .k-calendar-td {
|
|
19400
|
-
width:
|
|
19401
|
-
height:
|
|
19469
|
+
width: 63px;
|
|
19470
|
+
height: 63px;
|
|
19471
|
+
inline-size: var(--INTERNAL--kendo-calendar-cell-size, 63px);
|
|
19472
|
+
block-size: var(--INTERNAL--kendo-calendar-cell-size, 63px);
|
|
19402
19473
|
}
|
|
19403
19474
|
|
|
19475
|
+
.k-century-calendar .k-calendar-cell-inner, .k-century-calendar .k-link,
|
|
19476
|
+
.k-calendar-centuryview .k-calendar-cell-inner,
|
|
19404
19477
|
.k-calendar-centuryview .k-link {
|
|
19405
|
-
width: 63px;
|
|
19406
|
-
height: 63px;
|
|
19407
19478
|
text-align: left;
|
|
19408
19479
|
}
|
|
19409
19480
|
|
|
@@ -19441,6 +19512,90 @@ kendo-label > .k-label {
|
|
|
19441
19512
|
right: 0;
|
|
19442
19513
|
}
|
|
19443
19514
|
|
|
19515
|
+
.k-calendar-sm {
|
|
19516
|
+
--INTERNAL--kendo-calendar-view-width: 256px;
|
|
19517
|
+
--INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-sm-cell-padding-x, 0.125rem );
|
|
19518
|
+
--INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-sm-cell-padding-y, 0.125rem );
|
|
19519
|
+
font-size: 14px;
|
|
19520
|
+
line-height: 2;
|
|
19521
|
+
}
|
|
19522
|
+
|
|
19523
|
+
.k-calendar-sm.k-month-calendar,
|
|
19524
|
+
.k-calendar-sm .k-calendar-monthview {
|
|
19525
|
+
--INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-month-cell-size, 32px );
|
|
19526
|
+
}
|
|
19527
|
+
|
|
19528
|
+
.k-calendar-sm.k-year-calendar,
|
|
19529
|
+
.k-calendar-sm .k-calendar-yearview {
|
|
19530
|
+
--INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-year-cell-size, 56px );
|
|
19531
|
+
}
|
|
19532
|
+
|
|
19533
|
+
.k-calendar-sm.k-decade-calendar,
|
|
19534
|
+
.k-calendar-sm .k-calendar-decadeview {
|
|
19535
|
+
--INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-decade-cell-size, 56px );
|
|
19536
|
+
}
|
|
19537
|
+
|
|
19538
|
+
.k-calendar-sm.k-century-calendar,
|
|
19539
|
+
.k-calendar-sm .k-calendar-centuryview {
|
|
19540
|
+
--INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-century-cell-size, 56px );
|
|
19541
|
+
}
|
|
19542
|
+
|
|
19543
|
+
.k-calendar-md {
|
|
19544
|
+
--INTERNAL--kendo-calendar-view-width: 288px;
|
|
19545
|
+
--INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-md-cell-padding-x, 4px );
|
|
19546
|
+
--INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-md-cell-padding-y, 4px );
|
|
19547
|
+
font-size: 14px;
|
|
19548
|
+
line-height: 2;
|
|
19549
|
+
}
|
|
19550
|
+
|
|
19551
|
+
.k-calendar-md.k-month-calendar,
|
|
19552
|
+
.k-calendar-md .k-calendar-monthview {
|
|
19553
|
+
--INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-month-cell-size, 36px );
|
|
19554
|
+
}
|
|
19555
|
+
|
|
19556
|
+
.k-calendar-md.k-year-calendar,
|
|
19557
|
+
.k-calendar-md .k-calendar-yearview {
|
|
19558
|
+
--INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-year-cell-size, 63px );
|
|
19559
|
+
}
|
|
19560
|
+
|
|
19561
|
+
.k-calendar-md.k-decade-calendar,
|
|
19562
|
+
.k-calendar-md .k-calendar-decadeview {
|
|
19563
|
+
--INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-decade-cell-size, 63px );
|
|
19564
|
+
}
|
|
19565
|
+
|
|
19566
|
+
.k-calendar-md.k-century-calendar,
|
|
19567
|
+
.k-calendar-md .k-calendar-centuryview {
|
|
19568
|
+
--INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-century-cell-size, 63px );
|
|
19569
|
+
}
|
|
19570
|
+
|
|
19571
|
+
.k-calendar-lg {
|
|
19572
|
+
--INTERNAL--kendo-calendar-view-width: 320px;
|
|
19573
|
+
--INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-lg-cell-padding-x, 4px );
|
|
19574
|
+
--INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-lg-cell-padding-y, 4px );
|
|
19575
|
+
font-size: 16px;
|
|
19576
|
+
line-height: 1.5;
|
|
19577
|
+
}
|
|
19578
|
+
|
|
19579
|
+
.k-calendar-lg.k-month-calendar,
|
|
19580
|
+
.k-calendar-lg .k-calendar-monthview {
|
|
19581
|
+
--INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-month-cell-size, 40px );
|
|
19582
|
+
}
|
|
19583
|
+
|
|
19584
|
+
.k-calendar-lg.k-year-calendar,
|
|
19585
|
+
.k-calendar-lg .k-calendar-yearview {
|
|
19586
|
+
--INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-year-cell-size, 70px );
|
|
19587
|
+
}
|
|
19588
|
+
|
|
19589
|
+
.k-calendar-lg.k-decade-calendar,
|
|
19590
|
+
.k-calendar-lg .k-calendar-decadeview {
|
|
19591
|
+
--INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-decade-cell-size, 70px );
|
|
19592
|
+
}
|
|
19593
|
+
|
|
19594
|
+
.k-calendar-lg.k-century-calendar,
|
|
19595
|
+
.k-calendar-lg .k-calendar-centuryview {
|
|
19596
|
+
--INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-century-cell-size, 70px );
|
|
19597
|
+
}
|
|
19598
|
+
|
|
19444
19599
|
.k-calendar-infinite {
|
|
19445
19600
|
box-sizing: content-box;
|
|
19446
19601
|
display: inline-flex;
|
|
@@ -19669,7 +19824,7 @@ kendo-label > .k-label {
|
|
|
19669
19824
|
color: #e51a5f;
|
|
19670
19825
|
}
|
|
19671
19826
|
|
|
19672
|
-
.k-calendar .k-nav-today:hover, .k-calendar .k-nav-today.k-hover, .k-calendar .k-nav-today.k-state-hover, .k-calendar .k-nav-today:focus, .k-calendar .k-nav-today.k-
|
|
19827
|
+
.k-calendar .k-nav-today:hover, .k-calendar .k-nav-today.k-hover, .k-calendar .k-nav-today.k-state-hover, .k-calendar .k-nav-today:focus, .k-calendar .k-nav-today.k-focus, .k-calendar .k-nav-today.k-state-focus {
|
|
19673
19828
|
color: #c2185b;
|
|
19674
19829
|
}
|
|
19675
19830
|
|
|
@@ -19698,27 +19853,29 @@ kendo-label > .k-label {
|
|
|
19698
19853
|
visibility: hidden;
|
|
19699
19854
|
}
|
|
19700
19855
|
|
|
19701
|
-
.k-calendar .k-calendar-td:hover .k-link,
|
|
19702
|
-
.k-calendar .k-calendar-td.k-
|
|
19703
|
-
.k-calendar .k-calendar-td.k-hover .k-link
|
|
19856
|
+
.k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link,
|
|
19857
|
+
.k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner,
|
|
19858
|
+
.k-calendar .k-calendar-td.k-hover .k-link,
|
|
19859
|
+
.k-calendar .k-calendar-td.k-state-hover .k-calendar-cell-inner,
|
|
19860
|
+
.k-calendar .k-calendar-td.k-state-hover .k-link {
|
|
19704
19861
|
border-color: rgba(0, 0, 0, 0.15);
|
|
19705
19862
|
color: rgba(0, 0, 0, 0.87);
|
|
19706
19863
|
background-color: rgba(0, 0, 0, 0.04);
|
|
19707
19864
|
}
|
|
19708
19865
|
|
|
19709
|
-
.k-calendar .k-calendar-td.k-
|
|
19710
|
-
.k-calendar .k-calendar-td.k-selected .k-
|
|
19866
|
+
.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link,
|
|
19867
|
+
.k-calendar .k-calendar-td.k-state-selected .k-calendar-cell-inner,
|
|
19868
|
+
.k-calendar .k-calendar-td.k-state-selected .k-link {
|
|
19711
19869
|
border-color: #3f51b5;
|
|
19712
19870
|
color: white;
|
|
19713
19871
|
background-color: #3f51b5;
|
|
19714
19872
|
}
|
|
19715
19873
|
|
|
19716
|
-
.k-calendar .k-calendar-td.k-
|
|
19717
|
-
.k-calendar .k-calendar-td.k-selected
|
|
19718
|
-
.k-calendar .k-calendar-td.k-state-selected.k-state-hover .k-link,
|
|
19874
|
+
.k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link,
|
|
19875
|
+
.k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner,
|
|
19719
19876
|
.k-calendar .k-calendar-td.k-selected.k-hover .k-link,
|
|
19720
|
-
.k-calendar .k-calendar-td.k-selected:hover .k-
|
|
19721
|
-
.k-calendar .k-calendar-td.k-selected
|
|
19877
|
+
.k-calendar .k-calendar-td.k-state-selected:hover .k-calendar-cell-inner,
|
|
19878
|
+
.k-calendar .k-calendar-td.k-state-selected:hover .k-link {
|
|
19722
19879
|
color: white;
|
|
19723
19880
|
background-color: #3c4eae;
|
|
19724
19881
|
}
|
|
@@ -19730,8 +19887,8 @@ kendo-label > .k-label {
|
|
|
19730
19887
|
}
|
|
19731
19888
|
|
|
19732
19889
|
.k-calendar .k-calendar-navigation li:hover,
|
|
19733
|
-
.k-calendar .k-calendar-navigation li.k-
|
|
19734
|
-
.k-calendar .k-calendar-navigation li.k-hover {
|
|
19890
|
+
.k-calendar .k-calendar-navigation li.k-hover,
|
|
19891
|
+
.k-calendar .k-calendar-navigation li.k-state-hover {
|
|
19735
19892
|
color: #c2185b;
|
|
19736
19893
|
}
|
|
19737
19894
|
|
|
@@ -19758,13 +19915,6 @@ kendo-label > .k-label {
|
|
|
19758
19915
|
.k-calendar .k-range-start,
|
|
19759
19916
|
.k-calendar .k-range-end,
|
|
19760
19917
|
.k-calendar .k-range-mid {
|
|
19761
|
-
background-image: linear-gradient(transparent 1px, rgba(63, 81, 181, 0.25) 1px, rgba(63, 81, 181, 0.25) calc(100% - 1px), transparent calc(100% - 1px));
|
|
19762
|
-
}
|
|
19763
|
-
|
|
19764
|
-
.k-ie .k-calendar .k-range-start, .k-ie
|
|
19765
|
-
.k-calendar .k-range-end, .k-ie
|
|
19766
|
-
.k-calendar .k-range-mid {
|
|
19767
|
-
background-image: none;
|
|
19768
19918
|
background-color: rgba(63, 81, 181, 0.25);
|
|
19769
19919
|
}
|
|
19770
19920
|
|
|
@@ -19773,15 +19923,19 @@ kendo-label > .k-label {
|
|
|
19773
19923
|
background-color: transparent;
|
|
19774
19924
|
}
|
|
19775
19925
|
|
|
19776
|
-
.k-calendar .k-range-start .k-link,
|
|
19926
|
+
.k-calendar .k-range-start .k-calendar-cell-inner, .k-calendar .k-range-start .k-link,
|
|
19927
|
+
.k-calendar .k-range-end .k-calendar-cell-inner,
|
|
19777
19928
|
.k-calendar .k-range-end .k-link {
|
|
19778
19929
|
background-color: #3f51b5;
|
|
19779
19930
|
}
|
|
19780
19931
|
|
|
19932
|
+
.k-calendar .k-range-start.k-active .k-calendar-cell-inner, .k-calendar .k-range-start.k-active .k-link,
|
|
19933
|
+
.k-calendar .k-range-start.k-state-active .k-calendar-cell-inner,
|
|
19781
19934
|
.k-calendar .k-range-start.k-state-active .k-link,
|
|
19782
|
-
.k-calendar .k-range-
|
|
19783
|
-
.k-calendar .k-range-end.k-
|
|
19784
|
-
.k-calendar .k-range-end.k-active .k-
|
|
19935
|
+
.k-calendar .k-range-end.k-active .k-calendar-cell-inner,
|
|
19936
|
+
.k-calendar .k-range-end.k-active .k-link,
|
|
19937
|
+
.k-calendar .k-range-end.k-state-active .k-calendar-cell-inner,
|
|
19938
|
+
.k-calendar .k-range-end.k-state-active .k-link {
|
|
19785
19939
|
box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);
|
|
19786
19940
|
}
|
|
19787
19941
|
|
|
@@ -19795,8 +19949,8 @@ kendo-label > .k-label {
|
|
|
19795
19949
|
content: "";
|
|
19796
19950
|
display: block;
|
|
19797
19951
|
position: absolute;
|
|
19798
|
-
top:
|
|
19799
|
-
bottom:
|
|
19952
|
+
top: 0;
|
|
19953
|
+
bottom: 0;
|
|
19800
19954
|
width: 5px;
|
|
19801
19955
|
}
|
|
19802
19956
|
|
|
@@ -19820,7 +19974,7 @@ kendo-label > .k-label {
|
|
|
19820
19974
|
}
|
|
19821
19975
|
|
|
19822
19976
|
.k-calendar .k-state-selected.k-state-focused .k-link,
|
|
19823
|
-
.k-calendar .k-selected.k-
|
|
19977
|
+
.k-calendar .k-selected.k-focus .k-link {
|
|
19824
19978
|
border-color: #3f51b5;
|
|
19825
19979
|
color: white;
|
|
19826
19980
|
background-color: #4e5fbb;
|
|
@@ -20023,6 +20177,63 @@ kendo-label > .k-label {
|
|
|
20023
20177
|
top: calc( 9px);
|
|
20024
20178
|
}
|
|
20025
20179
|
|
|
20180
|
+
.k-timeselector-sm {
|
|
20181
|
+
font-size: 14px;
|
|
20182
|
+
line-height: 1.4285714286;
|
|
20183
|
+
}
|
|
20184
|
+
|
|
20185
|
+
.k-timeselector-sm .k-time-highlight,
|
|
20186
|
+
.k-timeselector-sm .k-time-list-highlight {
|
|
20187
|
+
height: calc( 20px + 12px);
|
|
20188
|
+
}
|
|
20189
|
+
|
|
20190
|
+
.k-timeselector-sm .k-time-separator {
|
|
20191
|
+
height: calc( 20px + 12px);
|
|
20192
|
+
}
|
|
20193
|
+
|
|
20194
|
+
.k-timeselector-sm .k-time-list-item,
|
|
20195
|
+
.k-timeselector-sm .k-time-list .k-item {
|
|
20196
|
+
padding: 6px 16px;
|
|
20197
|
+
}
|
|
20198
|
+
|
|
20199
|
+
.k-timeselector-md {
|
|
20200
|
+
font-size: 14px;
|
|
20201
|
+
line-height: 1.4285714286;
|
|
20202
|
+
}
|
|
20203
|
+
|
|
20204
|
+
.k-timeselector-md .k-time-highlight,
|
|
20205
|
+
.k-timeselector-md .k-time-list-highlight {
|
|
20206
|
+
height: calc( 20px + 16px);
|
|
20207
|
+
}
|
|
20208
|
+
|
|
20209
|
+
.k-timeselector-md .k-time-separator {
|
|
20210
|
+
height: calc( 20px + 16px);
|
|
20211
|
+
}
|
|
20212
|
+
|
|
20213
|
+
.k-timeselector-md .k-time-list-item,
|
|
20214
|
+
.k-timeselector-md .k-time-list .k-item {
|
|
20215
|
+
padding: 8px 16px;
|
|
20216
|
+
}
|
|
20217
|
+
|
|
20218
|
+
.k-timeselector-lg {
|
|
20219
|
+
font-size: 16px;
|
|
20220
|
+
line-height: 1.5;
|
|
20221
|
+
}
|
|
20222
|
+
|
|
20223
|
+
.k-timeselector-lg .k-time-highlight,
|
|
20224
|
+
.k-timeselector-lg .k-time-list-highlight {
|
|
20225
|
+
height: calc( 24px + 16px);
|
|
20226
|
+
}
|
|
20227
|
+
|
|
20228
|
+
.k-timeselector-lg .k-time-separator {
|
|
20229
|
+
height: calc( 24px + 16px);
|
|
20230
|
+
}
|
|
20231
|
+
|
|
20232
|
+
.k-timeselector-lg .k-time-list-item,
|
|
20233
|
+
.k-timeselector-lg .k-time-list .k-item {
|
|
20234
|
+
padding: 8px 16px;
|
|
20235
|
+
}
|
|
20236
|
+
|
|
20026
20237
|
.k-timeselector {
|
|
20027
20238
|
border-color: rgba(0, 0, 0, 0.12);
|
|
20028
20239
|
color: rgba(0, 0, 0, 0.87);
|
|
@@ -20747,8 +20958,8 @@ kendo-label > .k-label {
|
|
|
20747
20958
|
}
|
|
20748
20959
|
|
|
20749
20960
|
.k-treeview-sm {
|
|
20750
|
-
font-size:
|
|
20751
|
-
line-height: 1.
|
|
20961
|
+
font-size: 14px;
|
|
20962
|
+
line-height: 1.4285714286;
|
|
20752
20963
|
}
|
|
20753
20964
|
|
|
20754
20965
|
.k-treeview-sm .k-treeview-leaf {
|
|
@@ -20756,8 +20967,8 @@ kendo-label > .k-label {
|
|
|
20756
20967
|
}
|
|
20757
20968
|
|
|
20758
20969
|
.k-treeview-md {
|
|
20759
|
-
font-size:
|
|
20760
|
-
line-height: 1.
|
|
20970
|
+
font-size: 14px;
|
|
20971
|
+
line-height: 1.4285714286;
|
|
20761
20972
|
}
|
|
20762
20973
|
|
|
20763
20974
|
.k-treeview-md .k-treeview-leaf {
|
|
@@ -20766,11 +20977,11 @@ kendo-label > .k-label {
|
|
|
20766
20977
|
|
|
20767
20978
|
.k-treeview-lg {
|
|
20768
20979
|
font-size: 16px;
|
|
20769
|
-
line-height: 1.
|
|
20980
|
+
line-height: 1.5;
|
|
20770
20981
|
}
|
|
20771
20982
|
|
|
20772
20983
|
.k-treeview-lg .k-treeview-leaf {
|
|
20773
|
-
padding:
|
|
20984
|
+
padding: 8px 16px;
|
|
20774
20985
|
}
|
|
20775
20986
|
|
|
20776
20987
|
.k-treeview {
|
|
@@ -22578,12 +22789,41 @@ kendo-label > .k-label {
|
|
|
22578
22789
|
box-sizing: border-box;
|
|
22579
22790
|
}
|
|
22580
22791
|
|
|
22581
|
-
.k-actionsheet-
|
|
22792
|
+
.k-actionsheet-fullscreen {
|
|
22793
|
+
max-height: 100%;
|
|
22794
|
+
height: 100%;
|
|
22795
|
+
}
|
|
22796
|
+
|
|
22797
|
+
.k-actionsheet-header, .k-actionsheet-titlebar {
|
|
22582
22798
|
padding: 8px 16px;
|
|
22583
22799
|
border-width: 0;
|
|
22584
22800
|
border-style: solid;
|
|
22585
22801
|
border-color: transparent;
|
|
22586
22802
|
box-sizing: border-box;
|
|
22803
|
+
flex: none;
|
|
22804
|
+
}
|
|
22805
|
+
|
|
22806
|
+
.k-actionsheet-titlebar {
|
|
22807
|
+
display: flex;
|
|
22808
|
+
flex-flow: row nowrap;
|
|
22809
|
+
align-items: center;
|
|
22810
|
+
}
|
|
22811
|
+
|
|
22812
|
+
.k-actionsheet-title {
|
|
22813
|
+
flex: 1;
|
|
22814
|
+
}
|
|
22815
|
+
|
|
22816
|
+
.k-actionsheet-actions {
|
|
22817
|
+
flex: none;
|
|
22818
|
+
}
|
|
22819
|
+
|
|
22820
|
+
.k-actionsheet-content {
|
|
22821
|
+
flex: 1;
|
|
22822
|
+
overflow: auto;
|
|
22823
|
+
}
|
|
22824
|
+
|
|
22825
|
+
.k-actionsheet-footer {
|
|
22826
|
+
flex: none;
|
|
22587
22827
|
}
|
|
22588
22828
|
|
|
22589
22829
|
.k-actionsheet-items {
|
|
@@ -22673,6 +22913,33 @@ kendo-label > .k-label {
|
|
|
22673
22913
|
transform: none;
|
|
22674
22914
|
}
|
|
22675
22915
|
|
|
22916
|
+
.k-adaptive-actionsheet {
|
|
22917
|
+
max-width: 100%;
|
|
22918
|
+
width: 100%;
|
|
22919
|
+
display: flex;
|
|
22920
|
+
flex-flow: column nowrap;
|
|
22921
|
+
}
|
|
22922
|
+
|
|
22923
|
+
.k-adaptive-actionsheet .k-calendar {
|
|
22924
|
+
margin-inline: auto;
|
|
22925
|
+
border-width: 0;
|
|
22926
|
+
display: flex;
|
|
22927
|
+
}
|
|
22928
|
+
|
|
22929
|
+
.k-adaptive-actionsheet .k-timeselector {
|
|
22930
|
+
height: 100%;
|
|
22931
|
+
border-width: 0;
|
|
22932
|
+
overflow: hidden;
|
|
22933
|
+
}
|
|
22934
|
+
|
|
22935
|
+
.k-adaptive-actionsheet .k-timeselector .k-time-part {
|
|
22936
|
+
display: contents;
|
|
22937
|
+
}
|
|
22938
|
+
|
|
22939
|
+
.k-adaptive-actionsheet .k-timeselector .k-time-list-wrapper {
|
|
22940
|
+
height: 100%;
|
|
22941
|
+
}
|
|
22942
|
+
|
|
22676
22943
|
.k-actionsheet {
|
|
22677
22944
|
border-color: rgba(0, 0, 0, 0.12);
|
|
22678
22945
|
color: rgba(0, 0, 0, 0.87);
|