@progress/kendo-theme-fluent 6.7.0-dev.2 → 6.7.0-dev.4

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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-fluent",
3
3
  "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
4
- "version": "6.7.0-dev.2",
4
+ "version": "6.7.0-dev.4",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -52,8 +52,8 @@
52
52
  },
53
53
  "dependencies": {
54
54
  "@progress/kendo-font-icons": "1.8.0",
55
- "@progress/kendo-theme-core": "6.7.0-dev.2",
56
- "@progress/kendo-theme-utils": "6.7.0-dev.2"
55
+ "@progress/kendo-theme-core": "6.7.0-dev.4",
56
+ "@progress/kendo-theme-utils": "6.7.0-dev.4"
57
57
  },
58
- "gitHead": "48b9852e24736586f7bb277b8db520075eadd6e4"
58
+ "gitHead": "a55f3840f62eb640cff3a1a170bad731c6ce84f1"
59
59
  }
@@ -403,10 +403,17 @@
403
403
 
404
404
  @mixin kendo-chat-toolbar--layout() {
405
405
 
406
- .k-chat-toolbar {
406
+ .k-chat-toolbar,
407
+ .k-chat .k-toolbar-box {
408
+ padding-inline: var( --kendo-chat-toolbar-padding-x, #{ $kendo-chat-toolbar-padding-x } );
409
+ padding-block: var( --kendo-chat-toolbar-padding-y, #{ $kendo-chat-toolbar-padding-y } );
407
410
  width: 100%;
408
411
  border-width: 1px 0 0;
412
+ box-sizing: border-box;
409
413
  flex: none;
414
+ overflow: hidden;
415
+ position: relative;
416
+ gap: var( --kendo-chat-toolbar-spacing, #{$kendo-chat-toolbar-spacing} );
410
417
 
411
418
  &::before {
412
419
  display: none;
@@ -112,6 +112,12 @@ $kendo-chat-avatar-size: 32px !default;
112
112
  /// @group chat
113
113
  $kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
114
114
 
115
+ /// The horizontal padding of the toolbar in the chat.
116
+ /// @group chat
117
+ $kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
118
+ /// The vertical padding of the toolbar in the chat.
119
+ /// @group chat
120
+ $kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
115
121
  /// The spacing of the toolbar in the chat.
116
122
  /// @group chat
117
123
  $kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
@@ -29,21 +29,18 @@
29
29
  cursor: default;
30
30
  white-space: nowrap;
31
31
 
32
+ > .k-scrollview-view {
33
+ display: inline-block;
34
+ overflow: hidden;
35
+ flex-shrink: 0;
36
+ }
37
+
32
38
  img {
33
39
  user-select: none;
34
40
  }
35
41
 
36
42
  }
37
43
 
38
- // Can be removed once Angular are able to rely on the animations from the themes
39
- kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
40
- display: inline-block;
41
- overflow: hidden;
42
- position: absolute;
43
- top: 0;
44
- left: 0;
45
- }
46
-
47
44
  .k-scrollview-wrap.k-scrollview-animate {
48
45
  width: calc( var(--kendo-scrollview-views, 1) * 100% );
49
46
  transition-duration: var( --kendo-scrollview-transition-duration, #{$kendo-scrollview-transition-duration} );