@progress/kendo-theme-default 6.7.0-dev.0 → 6.7.0-dev.2
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 +97 -267
- package/dist/all.scss +81 -250
- package/dist/meta/sassdoc-data.json +552 -498
- package/dist/meta/sassdoc-raw-data.json +272 -247
- package/dist/meta/variables.json +8 -16
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +1 -1
- package/lib/swatches/default-ocean-blue.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +4 -4
- package/scss/chat/_layout.scss +37 -114
- package/scss/chat/_theme.scss +6 -6
- package/scss/chat/_variables.scss +0 -2
- package/scss/grid/_layout.scss +0 -12
- package/scss/grid/_variables.scss +0 -3
- package/scss/pager/_layout.scss +7 -46
- package/scss/pager/_variables.scss +0 -4
- package/scss/scrollview/_layout.scss +17 -51
- package/scss/scrollview/_theme.scss +5 -12
- package/scss/tilelayout/_layout.scss +1 -0
- package/scss/tilelayout/_variables.scss +8 -0
package/dist/meta/variables.json
CHANGED
|
@@ -7735,10 +7735,6 @@
|
|
|
7735
7735
|
"type": "List",
|
|
7736
7736
|
"value": "inset 0 0 0 2px rgba(0, 0, 0, 0.13)"
|
|
7737
7737
|
},
|
|
7738
|
-
"kendo-pager-section-spacing": {
|
|
7739
|
-
"type": "Number",
|
|
7740
|
-
"value": "16px"
|
|
7741
|
-
},
|
|
7742
7738
|
"kendo-pager-item-border-width": {
|
|
7743
7739
|
"type": "Number",
|
|
7744
7740
|
"value": "0px"
|
|
@@ -8827,6 +8823,14 @@
|
|
|
8827
8823
|
"type": "Color",
|
|
8828
8824
|
"value": "#fafafa"
|
|
8829
8825
|
},
|
|
8826
|
+
"kendo-tile-layout-padding-x": {
|
|
8827
|
+
"type": "Number",
|
|
8828
|
+
"value": "16px"
|
|
8829
|
+
},
|
|
8830
|
+
"kendo-tile-layout-padding-y": {
|
|
8831
|
+
"type": "Number",
|
|
8832
|
+
"value": "16px"
|
|
8833
|
+
},
|
|
8830
8834
|
"kendo-tile-layout-card-border-width": {
|
|
8831
8835
|
"type": "Number",
|
|
8832
8836
|
"value": "1px"
|
|
@@ -9155,10 +9159,6 @@
|
|
|
9155
9159
|
"type": "Number",
|
|
9156
9160
|
"value": "1px"
|
|
9157
9161
|
},
|
|
9158
|
-
"kendo-grid-cell-placeholder-line-width": {
|
|
9159
|
-
"type": "Number",
|
|
9160
|
-
"value": "80%"
|
|
9161
|
-
},
|
|
9162
9162
|
"kendo-grid-bg": {
|
|
9163
9163
|
"type": "Color",
|
|
9164
9164
|
"value": "#ffffff"
|
|
@@ -11459,14 +11459,6 @@
|
|
|
11459
11459
|
"type": "Number",
|
|
11460
11460
|
"value": "8px"
|
|
11461
11461
|
},
|
|
11462
|
-
"kendo-chat-toolbar-padding-x": {
|
|
11463
|
-
"type": "Number",
|
|
11464
|
-
"value": "8px"
|
|
11465
|
-
},
|
|
11466
|
-
"kendo-chat-toolbar-padding-y": {
|
|
11467
|
-
"type": "Number",
|
|
11468
|
-
"value": "8px"
|
|
11469
|
-
},
|
|
11470
11462
|
"kendo-chat-toolbar-spacing": {
|
|
11471
11463
|
"type": "Number",
|
|
11472
11464
|
"value": "8px"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-default",
|
|
3
3
|
"description": "SASS resources for the default Kendo UI theme",
|
|
4
|
-
"version": "6.7.0-dev.
|
|
4
|
+
"version": "6.7.0-dev.2",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"@progress/kendo-font-icons": "1.8.0",
|
|
53
|
-
"@progress/kendo-theme-core": "6.7.0-dev.
|
|
54
|
-
"@progress/kendo-theme-utils": "6.7.0-dev.
|
|
53
|
+
"@progress/kendo-theme-core": "6.7.0-dev.2",
|
|
54
|
+
"@progress/kendo-theme-utils": "6.7.0-dev.2"
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "48b9852e24736586f7bb277b8db520075eadd6e4"
|
|
57
57
|
}
|
package/scss/chat/_layout.scss
CHANGED
|
@@ -62,19 +62,19 @@
|
|
|
62
62
|
text-align: start;
|
|
63
63
|
|
|
64
64
|
.k-message-time {
|
|
65
|
-
margin-
|
|
66
|
-
|
|
65
|
+
margin-inline-start: $kendo-chat-item-spacing-x;
|
|
66
|
+
inset-inline-start: 100%;
|
|
67
67
|
}
|
|
68
68
|
.k-message-status {
|
|
69
|
-
|
|
69
|
+
inset-inline-start: 0;
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
.k-first .k-bubble,
|
|
73
|
-
.k-only .k-bubble {
|
|
72
|
+
.k-first .k-chat-bubble,
|
|
73
|
+
.k-only .k-chat-bubble {
|
|
74
74
|
border-bottom-left-radius: $kendo-chat-bubble-border-radius-sm;
|
|
75
75
|
}
|
|
76
|
-
.k-middle .k-bubble,
|
|
77
|
-
.k-last .k-bubble {
|
|
76
|
+
.k-middle .k-chat-bubble,
|
|
77
|
+
.k-last .k-chat-bubble {
|
|
78
78
|
@include border-left-radius( $kendo-chat-bubble-border-radius-sm );
|
|
79
79
|
}
|
|
80
80
|
}
|
|
@@ -84,19 +84,19 @@
|
|
|
84
84
|
text-align: end;
|
|
85
85
|
|
|
86
86
|
.k-message-time {
|
|
87
|
-
margin-
|
|
88
|
-
|
|
87
|
+
margin-inline-end: $kendo-chat-item-spacing-x;
|
|
88
|
+
inset-inline-end: 100%;
|
|
89
89
|
}
|
|
90
90
|
.k-message-status {
|
|
91
|
-
|
|
91
|
+
inset-inline-end: 0;
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
-
.k-first .k-bubble,
|
|
95
|
-
.k-only .k-bubble {
|
|
94
|
+
.k-first .k-chat-bubble,
|
|
95
|
+
.k-only .k-chat-bubble {
|
|
96
96
|
border-bottom-right-radius: $kendo-chat-bubble-border-radius-sm;
|
|
97
97
|
}
|
|
98
|
-
.k-middle .k-bubble,
|
|
99
|
-
.k-last .k-bubble {
|
|
98
|
+
.k-middle .k-chat-bubble,
|
|
99
|
+
.k-last .k-chat-bubble {
|
|
100
100
|
@include border-right-radius( $kendo-chat-bubble-border-radius-sm );
|
|
101
101
|
}
|
|
102
102
|
}
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
|
|
138
138
|
|
|
139
139
|
// Bubble
|
|
140
|
-
.k-bubble {
|
|
140
|
+
.k-chat-bubble {
|
|
141
141
|
@include border-radius( $kendo-chat-bubble-border-radius );
|
|
142
142
|
padding-block: $kendo-chat-bubble-padding-y;
|
|
143
143
|
padding-inline: $kendo-chat-bubble-padding-x;
|
|
@@ -173,27 +173,24 @@
|
|
|
173
173
|
|
|
174
174
|
// Avatar
|
|
175
175
|
.k-avatar {
|
|
176
|
-
@include border-radius( 100% );
|
|
177
176
|
margin: 0;
|
|
178
|
-
width: $kendo-chat-avatar-size;
|
|
179
|
-
height: $kendo-chat-avatar-size;
|
|
180
177
|
position: absolute;
|
|
181
178
|
|
|
182
179
|
@at-root .k-message-group:not(.k-alt) > .k-avatar {
|
|
183
|
-
|
|
180
|
+
inset-inline-start: 0;
|
|
184
181
|
bottom: 0;
|
|
185
182
|
}
|
|
186
183
|
@at-root .k-message-group.k-alt > .k-avatar {
|
|
187
|
-
|
|
184
|
+
inset-inline-end: 0;
|
|
188
185
|
bottom: 0;
|
|
189
186
|
}
|
|
190
187
|
}
|
|
191
188
|
.k-avatars {
|
|
192
|
-
.k-message-group:not(.k-
|
|
193
|
-
padding-
|
|
189
|
+
.k-message-group:not(.k-no-avatar) {
|
|
190
|
+
padding-inline-start: calc( #{$kendo-chat-avatar-size} + #{$kendo-chat-avatar-spacing} );
|
|
194
191
|
}
|
|
195
192
|
.k-message-group.k-alt:not(.k-no-avatar) {
|
|
196
|
-
padding-
|
|
193
|
+
padding-inline-end: calc( #{$kendo-chat-avatar-size} + #{$kendo-chat-avatar-spacing} );
|
|
197
194
|
}
|
|
198
195
|
}
|
|
199
196
|
}
|
|
@@ -226,8 +223,8 @@
|
|
|
226
223
|
}
|
|
227
224
|
.k-quick-reply {
|
|
228
225
|
@include border-radius( 100px );
|
|
229
|
-
margin-
|
|
230
|
-
margin-
|
|
226
|
+
margin-inline-end: $kendo-chat-quick-reply-spacing;
|
|
227
|
+
margin-block-end: k-math-div( $kendo-chat-quick-reply-spacing, 2 );
|
|
231
228
|
padding-block: $kendo-chat-quick-reply-padding-y;
|
|
232
229
|
padding-inline: $kendo-chat-quick-reply-padding-x;
|
|
233
230
|
border-width: 1px;
|
|
@@ -246,10 +243,10 @@
|
|
|
246
243
|
|
|
247
244
|
// Scrollable quick replies
|
|
248
245
|
.k-scrollable-quick-replies {
|
|
249
|
-
margin-
|
|
250
|
-
margin-
|
|
251
|
-
padding-
|
|
252
|
-
padding-
|
|
246
|
+
margin-inline-start: -$kendo-chat-message-list-padding-y;
|
|
247
|
+
margin-inline-end: -$kendo-chat-message-list-padding-y;
|
|
248
|
+
padding-inline-start: $kendo-chat-message-list-padding-y;
|
|
249
|
+
padding-inline-end: $kendo-chat-message-list-padding-y;
|
|
253
250
|
display: flex;
|
|
254
251
|
flex-flow: row nowrap;
|
|
255
252
|
flex: 0 0 auto;
|
|
@@ -264,7 +261,7 @@
|
|
|
264
261
|
margin: 0;
|
|
265
262
|
}
|
|
266
263
|
.k-quick-reply + .k-quick-reply {
|
|
267
|
-
margin-
|
|
264
|
+
margin-inline-start: $kendo-chat-quick-reply-spacing;
|
|
268
265
|
}
|
|
269
266
|
}
|
|
270
267
|
|
|
@@ -305,7 +302,7 @@
|
|
|
305
302
|
}
|
|
306
303
|
|
|
307
304
|
.k-rtl &,
|
|
308
|
-
|
|
305
|
+
[dir="rtl"] & {
|
|
309
306
|
transform: scaleX(-1);
|
|
310
307
|
}
|
|
311
308
|
}
|
|
@@ -319,18 +316,22 @@
|
|
|
319
316
|
margin: $kendo-chat-bubble-spacing 0 0;
|
|
320
317
|
}
|
|
321
318
|
|
|
319
|
+
.k-message-group.k-alt + .k-card-list,
|
|
320
|
+
.k-message-group.k-alt + kendo-chat-message-attachments.k-card-list {
|
|
321
|
+
align-self: flex-end;
|
|
322
|
+
}
|
|
323
|
+
|
|
322
324
|
.k-chat .k-card-deck {
|
|
323
325
|
max-width: calc(100% + #{$kendo-chat-message-list-padding-y * 2}); // prevent overflowing in the parent element
|
|
324
326
|
box-sizing: border-box;
|
|
325
|
-
margin-
|
|
326
|
-
margin-
|
|
327
|
+
margin-inline-start: -$kendo-chat-message-list-padding-y;
|
|
328
|
+
margin-inline-end: -$kendo-chat-message-list-padding-y;
|
|
327
329
|
padding: $kendo-chat-message-list-padding-y $kendo-chat-message-list-padding-y $kendo-chat-message-list-padding-x;
|
|
328
330
|
overflow: hidden;
|
|
329
331
|
overflow-x: auto;
|
|
330
332
|
scroll-behavior: smooth;
|
|
331
333
|
}
|
|
332
|
-
.k-chat .k-card-deck .k-card
|
|
333
|
-
.k-chat .k-card-deck .k-card-wrap {
|
|
334
|
+
.k-chat .k-card-deck .k-card {
|
|
334
335
|
width: 200px;
|
|
335
336
|
}
|
|
336
337
|
|
|
@@ -405,16 +406,10 @@
|
|
|
405
406
|
|
|
406
407
|
|
|
407
408
|
// Chat toolbar
|
|
408
|
-
.k-chat-toolbar
|
|
409
|
-
.k-chat .k-toolbar-box {
|
|
410
|
-
padding-block: $kendo-chat-toolbar-padding-y;
|
|
411
|
-
padding-inline: $kendo-chat-toolbar-padding-x;
|
|
409
|
+
.k-chat-toolbar {
|
|
412
410
|
width: 100%;
|
|
413
411
|
border-width: 1px 0 0;
|
|
414
|
-
box-sizing: border-box;
|
|
415
412
|
flex: none;
|
|
416
|
-
overflow: hidden;
|
|
417
|
-
position: relative;
|
|
418
413
|
|
|
419
414
|
&::before {
|
|
420
415
|
display: none;
|
|
@@ -459,78 +454,6 @@
|
|
|
459
454
|
|
|
460
455
|
|
|
461
456
|
}
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
// RTL
|
|
467
|
-
.k-rtl,
|
|
468
|
-
[dir="rtl"] {
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
// Text align
|
|
472
|
-
.k-message-group:not(.k-alt) {
|
|
473
|
-
.k-message-time {
|
|
474
|
-
margin-left: 0;
|
|
475
|
-
margin-right: $kendo-chat-item-spacing-x;
|
|
476
|
-
left: auto;
|
|
477
|
-
right: 100%;
|
|
478
|
-
}
|
|
479
|
-
.k-message-status {
|
|
480
|
-
left: auto;
|
|
481
|
-
right: 0;
|
|
482
|
-
}
|
|
483
|
-
}
|
|
484
|
-
.k-message-group.k-alt {
|
|
485
|
-
.k-message-time {
|
|
486
|
-
margin-right: 0;
|
|
487
|
-
margin-left: $kendo-chat-item-spacing-x;
|
|
488
|
-
right: auto;
|
|
489
|
-
left: 100%;
|
|
490
|
-
}
|
|
491
|
-
.k-message-status {
|
|
492
|
-
right: auto;
|
|
493
|
-
left: 0;
|
|
494
|
-
}
|
|
495
|
-
}
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
// Avatar
|
|
499
|
-
.k-message-group:not(.k-alt) > .k-avatar {
|
|
500
|
-
left: auto;
|
|
501
|
-
right: 0;
|
|
502
|
-
}
|
|
503
|
-
.k-message-group.k-alt > .k-avatar {
|
|
504
|
-
right: auto;
|
|
505
|
-
left: 0;
|
|
506
|
-
}
|
|
507
|
-
.k-avatars {
|
|
508
|
-
.k-message-group:not(.k-alt):not(.k-no-avatar) {
|
|
509
|
-
padding-left: 0;
|
|
510
|
-
padding-right: calc( #{$kendo-chat-avatar-size} + #{$kendo-chat-avatar-spacing} );
|
|
511
|
-
}
|
|
512
|
-
.k-message-group.k-alt:not(.k-no-avatar) {
|
|
513
|
-
padding-right: 0;
|
|
514
|
-
padding-left: calc( #{$kendo-chat-avatar-size} + #{$kendo-chat-avatar-spacing} );
|
|
515
|
-
}
|
|
516
|
-
}
|
|
517
|
-
|
|
518
|
-
.k-chat .k-card-deck {
|
|
519
|
-
.k-card-wrap + .k-card-wrap {
|
|
520
|
-
margin-left: 0;
|
|
521
|
-
margin-right: $kendo-card-deck-gap;
|
|
522
|
-
}
|
|
523
|
-
}
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
// Quick replies
|
|
527
|
-
.k-quick-reply {
|
|
528
|
-
margin-right: 0;
|
|
529
|
-
margin-left: $kendo-chat-quick-reply-spacing;
|
|
530
|
-
}
|
|
531
|
-
|
|
532
|
-
}
|
|
533
|
-
|
|
534
457
|
}
|
|
535
458
|
|
|
536
459
|
|
package/scss/chat/_theme.scss
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
// Bubbles
|
|
25
|
-
.k-bubble {
|
|
25
|
+
.k-chat-bubble {
|
|
26
26
|
@include fill(
|
|
27
27
|
$kendo-chat-bubble-text,
|
|
28
28
|
$kendo-chat-bubble-bg,
|
|
@@ -35,14 +35,14 @@
|
|
|
35
35
|
a { color: $kendo-link-text; }
|
|
36
36
|
a:hover { color: $kendo-link-hover-text; }
|
|
37
37
|
}
|
|
38
|
-
.k-bubble:hover {
|
|
38
|
+
.k-chat-bubble:hover {
|
|
39
39
|
@include box-shadow( $kendo-chat-bubble-hover-shadow );
|
|
40
40
|
}
|
|
41
|
-
.k-selected .k-bubble {
|
|
41
|
+
.k-selected .k-chat-bubble {
|
|
42
42
|
@include box-shadow( $kendo-chat-bubble-selected-shadow );
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.k-alt .k-bubble {
|
|
45
|
+
.k-alt .k-chat-bubble {
|
|
46
46
|
@include fill(
|
|
47
47
|
$kendo-chat-alt-bubble-text,
|
|
48
48
|
$kendo-chat-alt-bubble-bg,
|
|
@@ -50,10 +50,10 @@
|
|
|
50
50
|
);
|
|
51
51
|
@include box-shadow( $kendo-chat-alt-bubble-shadow );
|
|
52
52
|
}
|
|
53
|
-
.k-alt .k-bubble:hover {
|
|
53
|
+
.k-alt .k-chat-bubble:hover {
|
|
54
54
|
@include box-shadow( $kendo-chat-alt-bubble-hover-shadow );
|
|
55
55
|
}
|
|
56
|
-
.k-alt .k-selected .k-bubble {
|
|
56
|
+
.k-alt .k-selected .k-chat-bubble {
|
|
57
57
|
@include box-shadow( $kendo-chat-alt-bubble-selected-shadow );
|
|
58
58
|
}
|
|
59
59
|
|
|
@@ -32,8 +32,6 @@ $kendo-chat-bubble-border-radius-sm: 2px !default;
|
|
|
32
32
|
$kendo-chat-avatar-size: 32px !default;
|
|
33
33
|
$kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
|
|
34
34
|
|
|
35
|
-
$kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
|
|
36
|
-
$kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
|
|
37
35
|
$kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
|
|
38
36
|
$kendo-chat-toolbar-bg: $kendo-toolbar-bg !default;
|
|
39
37
|
$kendo-chat-toolbar-text: $kendo-toolbar-text !default;
|
package/scss/grid/_layout.scss
CHANGED
|
@@ -90,10 +90,6 @@
|
|
|
90
90
|
outline: none;
|
|
91
91
|
}
|
|
92
92
|
|
|
93
|
-
.k-placeholder-line {
|
|
94
|
-
width: $kendo-grid-cell-placeholder-line-width;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
93
|
> .k-radio,
|
|
98
94
|
> .k-radio-wrap,
|
|
99
95
|
> .k-checkbox,
|
|
@@ -691,14 +687,6 @@
|
|
|
691
687
|
border-width: 0 0 1px;
|
|
692
688
|
}
|
|
693
689
|
|
|
694
|
-
.k-pager-input {
|
|
695
|
-
.k-numerictextbox {
|
|
696
|
-
margin-block: 0;
|
|
697
|
-
margin-inline: k-math-div( $kendo-font-size-md, 2 );
|
|
698
|
-
width: 3em;
|
|
699
|
-
}
|
|
700
|
-
}
|
|
701
|
-
|
|
702
690
|
.k-grid-virtual .k-grid-content {
|
|
703
691
|
.k-grid-table-wrap {
|
|
704
692
|
float: left;
|
|
@@ -133,9 +133,6 @@ $kendo-grid-toolbar-border-width: $kendo-grid-border-width !default;
|
|
|
133
133
|
$kendo-grid-cell-horizontal-border-width: $kendo-table-cell-horizontal-border-width !default;
|
|
134
134
|
$kendo-grid-cell-vertical-border-width: $kendo-table-cell-vertical-border-width !default;
|
|
135
135
|
|
|
136
|
-
$kendo-grid-cell-placeholder-line-width: 80% !default;
|
|
137
|
-
|
|
138
|
-
|
|
139
136
|
/// Background color of the grid component
|
|
140
137
|
/// @group grid
|
|
141
138
|
$kendo-grid-bg: $kendo-table-bg !default;
|
package/scss/pager/_layout.scss
CHANGED
|
@@ -66,8 +66,7 @@
|
|
|
66
66
|
position: relative;
|
|
67
67
|
|
|
68
68
|
select.k-dropdown-list {
|
|
69
|
-
|
|
70
|
-
display: none;
|
|
69
|
+
width: $kendo-pager-md-dropdown-width;
|
|
71
70
|
}
|
|
72
71
|
}
|
|
73
72
|
.k-pager-numbers {
|
|
@@ -103,10 +102,11 @@
|
|
|
103
102
|
// Pager input
|
|
104
103
|
.k-pager-input {
|
|
105
104
|
@extend %base-pager-section !optional;
|
|
105
|
+
gap: 1ex;
|
|
106
106
|
|
|
107
|
-
.k-textbox
|
|
107
|
+
.k-textbox,
|
|
108
|
+
.k-numerictextbox {
|
|
108
109
|
margin-block: 0;
|
|
109
|
-
margin-inline: 1ex;
|
|
110
110
|
width: $kendo-pager-input-width;
|
|
111
111
|
}
|
|
112
112
|
}
|
|
@@ -115,25 +115,12 @@
|
|
|
115
115
|
// Pager sizes
|
|
116
116
|
.k-pager-sizes {
|
|
117
117
|
@extend %base-pager-section !optional;
|
|
118
|
-
|
|
119
|
-
.k-dropdown-list,
|
|
120
|
-
> select {
|
|
121
|
-
margin-right: 1ex;
|
|
122
|
-
}
|
|
118
|
+
gap: 1ex;
|
|
123
119
|
|
|
124
120
|
.k-input-inner,
|
|
125
121
|
.k-input-value-text {
|
|
126
122
|
text-overflow: clip;
|
|
127
123
|
}
|
|
128
|
-
|
|
129
|
-
.k-rtl &,
|
|
130
|
-
[dir="rtl"] & {
|
|
131
|
-
.k-dropdown-list,
|
|
132
|
-
> select {
|
|
133
|
-
margin-left: 1ex;
|
|
134
|
-
margin-right: 0;
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
124
|
}
|
|
138
125
|
|
|
139
126
|
|
|
@@ -154,33 +141,6 @@
|
|
|
154
141
|
order: 10;
|
|
155
142
|
}
|
|
156
143
|
|
|
157
|
-
// Responsive
|
|
158
|
-
.k-pager-mobile-sm {
|
|
159
|
-
overflow: visible;
|
|
160
|
-
|
|
161
|
-
// Show native select
|
|
162
|
-
.k-pager-numbers-wrap {
|
|
163
|
-
border-color: inherit;
|
|
164
|
-
|
|
165
|
-
select.k-dropdown-list {
|
|
166
|
-
@extend %base-pager-section !optional;
|
|
167
|
-
@if ($kendo-pager-section-spacing) {
|
|
168
|
-
margin-left: $kendo-pager-section-spacing;
|
|
169
|
-
margin-right: $kendo-pager-section-spacing;
|
|
170
|
-
}
|
|
171
|
-
width: $kendo-pager-sm-dropdown-width;
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
// Hide components
|
|
177
|
-
.k-pager-mobile-md .k-pager-info,
|
|
178
|
-
.k-pager-mobile-sm .k-pager-info,
|
|
179
|
-
.k-pager-mobile-sm .k-pager-sizes,
|
|
180
|
-
.k-pager-mobile-sm .k-pager-numbers {
|
|
181
|
-
display: none;
|
|
182
|
-
}
|
|
183
|
-
|
|
184
144
|
// Pager sizes
|
|
185
145
|
@each $size, $size-props in $kendo-pager-sizes {
|
|
186
146
|
$_padding-x: k-map-get($size-props, padding-x);
|
|
@@ -199,7 +159,8 @@
|
|
|
199
159
|
min-width: $_item-min-width;
|
|
200
160
|
}
|
|
201
161
|
|
|
202
|
-
.k-pager-input
|
|
162
|
+
.k-pager-input,
|
|
163
|
+
> select.k-dropdown-list {
|
|
203
164
|
margin-inline-start: $_item-group-spacing;
|
|
204
165
|
margin-inline-end: $_item-group-spacing;
|
|
205
166
|
}
|
|
@@ -77,10 +77,6 @@ $kendo-pager-focus-bg: null !default;
|
|
|
77
77
|
/// @group pager
|
|
78
78
|
$kendo-pager-focus-shadow: $kendo-focus-shadow !default;
|
|
79
79
|
|
|
80
|
-
/// The spacing between the Pager sections.
|
|
81
|
-
/// @group pager
|
|
82
|
-
$kendo-pager-section-spacing: k-map-get( $kendo-spacing, 4 ) !default;
|
|
83
|
-
|
|
84
80
|
/// The border width of the Pager items.
|
|
85
81
|
/// @group pager
|
|
86
82
|
$kendo-pager-item-border-width: 0px !default;
|