@progress/kendo-theme-core 14.5.1-dev.4 → 14.5.1-dev.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-core",
   "description": "A collection of functions and mixins used for building themes for Kendo UI",
-  "version": "14.5.1-dev.4",
+  "version": "14.5.1-dev.6",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [

package/scss/components/floating-toolbar/_layout.scss

@@ -0,0 +1,37 @@
+@use "./_variables.scss" as *;
+@use "../../spacing/index.scss" as *;
+@use "../../typography/index.scss" as *;
+
+@mixin kendo-floating-toolbar--layout-base() {
+
+    // Base
+    .k-floating-toolbar {
+        display: flex;
+        flex-direction: row;
+        align-items: stretch;
+        max-width: fit-content;
+        border-radius: $kendo-floating-toolbar-border-radius;
+
+        .k-toolbar {
+            flex: 1 1 auto;
+            min-width: 0;
+            border-width: 0;
+            border-radius: inherit;
+        }
+        .k-floating-toolbar-drag-handle {
+            display: inline-flex;
+            flex: none;
+            align-items: center;
+            justify-content: center;
+            margin-inline: k-spacing(2.5);
+            padding-inline: k-spacing(1);
+            padding-block: k-spacing(2.5);
+            cursor: move;
+        }
+
+        > .k-separator-vertical {
+            align-self: center;
+            height: $kendo-line-height-em;
+        }
+    }
+}

package/scss/components/floating-toolbar/_theme.scss

@@ -0,0 +1,52 @@
+@use "../../mixins/index.scss" as *;
+@use "../../functions/index.scss" as *;
+@use "../popup/_variables.scss" as *;
+@use "../toolbar/_variables.scss" as *;
+
+@mixin kendo-floating-toolbar--theme-base() {
+
+    .k-floating-toolbar {
+
+        // Solid
+        #{k-when-default($kendo-toolbar-default-fill-mode, "solid")}
+        &.k-floating-toolbar-solid {
+            @include fill(
+                $kendo-toolbar-text,
+                $kendo-toolbar-bg,
+                $kendo-toolbar-border,
+                $kendo-toolbar-gradient
+            );
+            @include box-shadow( $kendo-toolbar-shadow );
+        }
+
+        // Outline
+        #{k-when-default($kendo-toolbar-default-fill-mode, "outline")}
+        &.k-floating-toolbar-outline {
+            @include fill(
+                $kendo-toolbar-outline-text,
+                $kendo-popup-bg,
+                $kendo-toolbar-outline-border
+            );
+            @include box-shadow( $kendo-toolbar-outline-shadow );
+        }
+
+        // Flat
+        #{k-when-default($kendo-toolbar-default-fill-mode, "flat")}
+        &.k-floating-toolbar-flat {
+            @include fill(
+                $kendo-toolbar-flat-text,
+                $kendo-popup-bg,
+                $kendo-toolbar-flat-border
+            );
+            @include box-shadow( $kendo-toolbar-flat-shadow );
+        }
+
+        > .k-separator {
+            border-color: $kendo-toolbar-separator-border;
+        }
+
+        .k-toolbar {
+            box-shadow: none;
+        }
+    }
+}

package/scss/components/floating-toolbar/_variables.scss

@@ -0,0 +1 @@
+$kendo-floating-toolbar-border-radius: null !default;

package/scss/components/grid/_layout.scss

@@ -206,6 +206,7 @@
                 position: absolute;
                 inset-inline-end: $kendo-grid-header-menu-icon-spacing;
                 z-index: k-z-index("base", 1);
+                -webkit-user-drag: none;
 
                 &:hover {
                     cursor: pointer;

package/scss/components/pdf-viewer/_layout.scss

@@ -348,10 +348,6 @@
 
     // Search (floating toolbar)
     .k-floating-toolbar {
-        .k-search-dialog-draghandle {
-            cursor: move;
-        }
-
         .k-search-matches {
             display: inline-flex;
             gap: $kendo-pdf-viewer-search-panel-matches-spacing;

package/scss/components/toolbar/_layout.scss

@@ -144,6 +144,11 @@
         justify-content: flex-start;
         flex: 1 1 auto;
         overflow: hidden;
+
+        // Items only get flex-shrink: 0 from the Toolbar's own "> *" rule when NOT wrapped in this scroll container.
+        > * {
+            flex-shrink: 0;
+        }
     }
 
     .k-toolbar-items-scroll {
@@ -271,16 +276,6 @@
         }
     }
 
-    .k-floating-toolbar {
-        max-width: fit-content;
-        border-radius: $kendo-floating-toolbar-border-radius;
-
-        .k-toolbar {
-            border-width: 0;
-            border-radius: inherit;
-        }
-    }
-
     .k-window-content:where(.editorToolbarWindow) { // stylelint-disable-line
         padding-block: $kendo-toolbar-md-padding-y !important; // stylelint-disable-line declaration-no-important
         padding-inline: $kendo-toolbar-md-padding-x !important; // stylelint-disable-line declaration-no-important

package/scss/components/toolbar/_variables.scss

@@ -81,5 +81,3 @@ $kendo-toolbar-sizes: (
         separator-height: $kendo-toolbar-lg-separator-height
     )
 ) !default;
-
-$kendo-floating-toolbar-border-radius: null !default;