@progress/kendo-theme-material 6.7.0-dev.3 → 6.7.0-dev.5
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 +28 -16
- package/dist/all.scss +16 -10
- package/dist/meta/variables.json +8 -0
- 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/chat/_variables.scss +2 -0
package/dist/all.css
CHANGED
|
@@ -55575,28 +55575,39 @@ kendo-scheduler .k-event .k-event-actions,
|
|
|
55575
55575
|
}
|
|
55576
55576
|
}
|
|
55577
55577
|
|
|
55578
|
-
.k-chat-toolbar
|
|
55578
|
+
.k-chat-toolbar,
|
|
55579
|
+
.k-chat .k-toolbar-box {
|
|
55580
|
+
padding-block: 8px;
|
|
55581
|
+
padding-inline: 8px;
|
|
55579
55582
|
width: 100%;
|
|
55580
55583
|
border-width: 1px 0 0;
|
|
55584
|
+
box-sizing: border-box;
|
|
55581
55585
|
flex: none;
|
|
55586
|
+
overflow: hidden;
|
|
55587
|
+
position: relative;
|
|
55588
|
+
gap: 8px;
|
|
55582
55589
|
}
|
|
55583
55590
|
|
|
55584
|
-
.k-chat-toolbar::before
|
|
55591
|
+
.k-chat-toolbar::before,
|
|
55592
|
+
.k-chat .k-toolbar-box::before {
|
|
55585
55593
|
display: none;
|
|
55586
55594
|
}
|
|
55587
55595
|
|
|
55588
|
-
.k-chat-toolbar .k-button-list
|
|
55596
|
+
.k-chat-toolbar .k-button-list,
|
|
55597
|
+
.k-chat .k-toolbar-box .k-button-list {
|
|
55589
55598
|
display: flex;
|
|
55590
55599
|
flex-flow: row nowrap;
|
|
55591
55600
|
overflow: hidden;
|
|
55592
55601
|
scroll-behavior: smooth;
|
|
55593
55602
|
}
|
|
55594
55603
|
|
|
55595
|
-
.k-chat-toolbar .k-button
|
|
55604
|
+
.k-chat-toolbar .k-button,
|
|
55605
|
+
.k-chat .k-toolbar-box .k-button {
|
|
55596
55606
|
flex: none;
|
|
55597
55607
|
}
|
|
55598
55608
|
|
|
55599
|
-
.k-chat-toolbar .k-scroll-button
|
|
55609
|
+
.k-chat-toolbar .k-scroll-button,
|
|
55610
|
+
.k-chat .k-toolbar-box .k-scroll-button {
|
|
55600
55611
|
padding: 0 4px;
|
|
55601
55612
|
height: 100%;
|
|
55602
55613
|
aspect-ratio: auto;
|
|
@@ -55605,16 +55616,19 @@ kendo-scheduler .k-event .k-event-actions,
|
|
|
55605
55616
|
top: 0;
|
|
55606
55617
|
}
|
|
55607
55618
|
|
|
55608
|
-
.k-chat-toolbar .k-scroll-button .k-button-icon
|
|
55619
|
+
.k-chat-toolbar .k-scroll-button .k-button-icon,
|
|
55620
|
+
.k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
|
|
55609
55621
|
min-width: auto;
|
|
55610
55622
|
min-height: auto;
|
|
55611
55623
|
}
|
|
55612
55624
|
|
|
55613
|
-
.k-chat-toolbar .k-scroll-button-left
|
|
55625
|
+
.k-chat-toolbar .k-scroll-button-left,
|
|
55626
|
+
.k-chat .k-toolbar-box .k-scroll-button-left {
|
|
55614
55627
|
left: 0;
|
|
55615
55628
|
}
|
|
55616
55629
|
|
|
55617
|
-
.k-chat-toolbar .k-scroll-button-right
|
|
55630
|
+
.k-chat-toolbar .k-scroll-button-right,
|
|
55631
|
+
.k-chat .k-toolbar-box .k-scroll-button-right {
|
|
55618
55632
|
right: 0;
|
|
55619
55633
|
}
|
|
55620
55634
|
|
|
@@ -56597,20 +56611,18 @@ kendo-scheduler .k-event .k-event-actions,
|
|
|
56597
56611
|
white-space: nowrap;
|
|
56598
56612
|
}
|
|
56599
56613
|
|
|
56614
|
+
.k-scrollview-wrap > .k-scrollview-view {
|
|
56615
|
+
display: inline-block;
|
|
56616
|
+
overflow: hidden;
|
|
56617
|
+
flex-shrink: 0;
|
|
56618
|
+
}
|
|
56619
|
+
|
|
56600
56620
|
.k-scrollview-wrap img {
|
|
56601
56621
|
-webkit-user-select: none;
|
|
56602
56622
|
-ms-user-select: none;
|
|
56603
56623
|
user-select: none;
|
|
56604
56624
|
}
|
|
56605
56625
|
|
|
56606
|
-
kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
|
|
56607
|
-
display: inline-block;
|
|
56608
|
-
overflow: hidden;
|
|
56609
|
-
position: absolute;
|
|
56610
|
-
top: 0;
|
|
56611
|
-
left: 0;
|
|
56612
|
-
}
|
|
56613
|
-
|
|
56614
56626
|
.k-scrollview-wrap.k-scrollview-animate {
|
|
56615
56627
|
width: calc(var(--kendo-scrollview-views, 1)*100%);
|
|
56616
56628
|
transition-duration: 0.3s;
|
package/dist/all.scss
CHANGED
|
@@ -58330,6 +58330,8 @@ $kendo-chat-bubble-border-radius-sm: 2px !default;
|
|
|
58330
58330
|
$kendo-chat-avatar-size: 32px !default;
|
|
58331
58331
|
$kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
|
|
58332
58332
|
|
|
58333
|
+
$kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
|
|
58334
|
+
$kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
|
|
58333
58335
|
$kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
|
|
58334
58336
|
$kendo-chat-toolbar-bg: k-try-shade( $kendo-button-bg, .5 ) !default;
|
|
58335
58337
|
$kendo-chat-toolbar-text: $kendo-toolbar-text !default;
|
|
@@ -58778,10 +58780,17 @@ $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
|
|
|
58778
58780
|
|
|
58779
58781
|
|
|
58780
58782
|
// Chat toolbar
|
|
58781
|
-
.k-chat-toolbar
|
|
58783
|
+
.k-chat-toolbar,
|
|
58784
|
+
.k-chat .k-toolbar-box {
|
|
58785
|
+
padding-block: $kendo-chat-toolbar-padding-y;
|
|
58786
|
+
padding-inline: $kendo-chat-toolbar-padding-x;
|
|
58782
58787
|
width: 100%;
|
|
58783
58788
|
border-width: 1px 0 0;
|
|
58789
|
+
box-sizing: border-box;
|
|
58784
58790
|
flex: none;
|
|
58791
|
+
overflow: hidden;
|
|
58792
|
+
position: relative;
|
|
58793
|
+
gap: $kendo-toolbar-md-spacing;
|
|
58785
58794
|
|
|
58786
58795
|
&::before {
|
|
58787
58796
|
display: none;
|
|
@@ -60618,21 +60627,18 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
|
|
|
60618
60627
|
cursor: default;
|
|
60619
60628
|
white-space: nowrap;
|
|
60620
60629
|
|
|
60630
|
+
> .k-scrollview-view {
|
|
60631
|
+
display: inline-block;
|
|
60632
|
+
overflow: hidden;
|
|
60633
|
+
flex-shrink: 0;
|
|
60634
|
+
}
|
|
60635
|
+
|
|
60621
60636
|
img {
|
|
60622
60637
|
user-select: none;
|
|
60623
60638
|
}
|
|
60624
60639
|
|
|
60625
60640
|
}
|
|
60626
60641
|
|
|
60627
|
-
// Can be removed once Angular are able to rely on the animations from the themes
|
|
60628
|
-
kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
|
|
60629
|
-
display: inline-block;
|
|
60630
|
-
overflow: hidden;
|
|
60631
|
-
position: absolute;
|
|
60632
|
-
top: 0;
|
|
60633
|
-
left: 0;
|
|
60634
|
-
}
|
|
60635
|
-
|
|
60636
60642
|
.k-scrollview-wrap.k-scrollview-animate {
|
|
60637
60643
|
width: calc( var(--kendo-scrollview-views, 1) * 100% );
|
|
60638
60644
|
transition-duration: $kendo-scrollview-transition-duration;
|
package/dist/meta/variables.json
CHANGED
|
@@ -11559,6 +11559,14 @@
|
|
|
11559
11559
|
"type": "Number",
|
|
11560
11560
|
"value": "8px"
|
|
11561
11561
|
},
|
|
11562
|
+
"kendo-chat-toolbar-padding-x": {
|
|
11563
|
+
"type": "Number",
|
|
11564
|
+
"value": "8px"
|
|
11565
|
+
},
|
|
11566
|
+
"kendo-chat-toolbar-padding-y": {
|
|
11567
|
+
"type": "Number",
|
|
11568
|
+
"value": "8px"
|
|
11569
|
+
},
|
|
11562
11570
|
"kendo-chat-toolbar-spacing": {
|
|
11563
11571
|
"type": "Number",
|
|
11564
11572
|
"value": "8px"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-material",
|
|
3
3
|
"description": "Material theme for Kendo UI",
|
|
4
|
-
"version": "6.7.0-dev.
|
|
4
|
+
"version": "6.7.0-dev.5",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -52,9 +52,9 @@
|
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@progress/kendo-font-icons": "1.8.0",
|
|
55
|
-
"@progress/kendo-theme-core": "6.7.0-dev.
|
|
56
|
-
"@progress/kendo-theme-default": "6.7.0-dev.
|
|
57
|
-
"@progress/kendo-theme-utils": "6.7.0-dev.
|
|
55
|
+
"@progress/kendo-theme-core": "6.7.0-dev.5",
|
|
56
|
+
"@progress/kendo-theme-default": "6.7.0-dev.5",
|
|
57
|
+
"@progress/kendo-theme-utils": "6.7.0-dev.5"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "c605131672eb1015193a92de25d626503b61fc89"
|
|
60
60
|
}
|
|
@@ -32,6 +32,8 @@ $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;
|
|
35
37
|
$kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
|
|
36
38
|
$kendo-chat-toolbar-bg: k-try-shade( $kendo-button-bg, .5 ) !default;
|
|
37
39
|
$kendo-chat-toolbar-text: $kendo-toolbar-text !default;
|