@syncfusion/ej2-bootstrap5.3-theme 34.1.29 → 34.1.32

package/styles/button/_mixin.scss

@@ -362,6 +362,7 @@
     background: $btn-outline-disabled-bgcolor !important; /* stylelint-disable-line declaration-no-important */
     border-color: $btn-outline-disabled-border-color !important; /* stylelint-disable-line declaration-no-important */
     color: $btn-outline-disabled-color !important; /* stylelint-disable-line declaration-no-important */
+    outline: none !important; /* stylelint-disable-line declaration-no-important */
   }
   @else if $skin-name == 'tailwind3' {
     border: 1px solid $secondary-border-color-disabled;

package/styles/color-picker/_bigger.scss

@@ -72,6 +72,9 @@
         @else {
           width: $cpicker-bigger-container-width;
         }
+        @media screen and (max-width: 480px) {
+          width: $cpicker-media-width;
+        }
 
         & .e-switch-ctrl-btn .e-ctrl-btn .e-btn {
           @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {

package/styles/color-picker/_bootstrap5.3-definition.scss

@@ -190,3 +190,4 @@ $show-value-palette-width: 270px !default;
 $color-half-border-width: .5px !default;
 $selected-value-float-text-right: -12px !default;
 $cpicker-cont-color-ctrl-btn-padding-top: 12px !default;
+$cpicker-media-width: 344px !default;

package/styles/color-picker/_layout.scss

@@ -221,6 +221,11 @@
       @else {
         width: $cpicker-container-width;
       }
+
+      @media screen and (max-width: 480px) {
+        width: $cpicker-media-width;
+      }
+
       @if $skin-name == 'bootstrap4' {
         background-color: $content-bg;
         border: 1px solid $cpicker-shadow;

package/styles/color-picker/color-picker-lite.css

@@ -133,6 +133,11 @@ body.e-colorpicker-overflow {
 .e-container.e-color-picker {
   width: 341px;
 }
+@media screen and (max-width: 480px) {
+  .e-container.e-color-picker {
+    width: 344px;
+  }
+}
 .e-container.e-color-picker .e-mode-switch-btn {
   background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA0IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS04IiBmaWxsPSIjNDU5NkNFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS05IiBmaWxsPSIjNUNDMTVCIiB4PSIwIiB5PSIxMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTI1LUNvcHktMTAiIGZpbGw9IiNGQkQ1MDYiIHg9IjEyIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS0xMSIgZmlsbD0iI0VDNEU0MyIgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 100% 100%;
 }

package/styles/color-picker/color-picker.css

@@ -133,6 +133,11 @@ body.e-colorpicker-overflow {
 .e-container.e-color-picker {
   width: 341px;
 }
+@media screen and (max-width: 480px) {
+  .e-container.e-color-picker {
+    width: 344px;
+  }
+}
 .e-container.e-color-picker .e-mode-switch-btn {
   background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA0IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS04IiBmaWxsPSIjNDU5NkNFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS05IiBmaWxsPSIjNUNDMTVCIiB4PSIwIiB5PSIxMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTI1LUNvcHktMTAiIGZpbGw9IiNGQkQ1MDYiIHg9IjEyIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS0xMSIgZmlsbD0iI0VDNEU0MyIgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 100% 100%;
 }
@@ -663,6 +668,11 @@ body.e-colorpicker-overflow {
 .e-bigger .e-container.e-color-picker {
   width: 462px;
 }
+@media screen and (max-width: 480px) {
+  .e-bigger .e-container.e-color-picker {
+    width: 344px;
+  }
+}
 @media only screen and (max-width: 600px) {
   .e-bigger .e-container.e-color-picker {
     width: 100% !important; /* stylelint-disable-line declaration-no-important */

package/styles/document-editor/_theme.scss

@@ -1383,6 +1383,32 @@
         margin-bottom: $de-spellcheck-container-gap;
         display: flex;
     }
+    .e-de-loading-dots::after {
+        content: '';
+        animation: e-de-loading-dots-animation 1.5s steps(4, end) infinite;
+    }
+
+    @keyframes e-de-loading-dots-animation {
+        0% {
+            content: '';
+        }
+
+        25% {
+            content: '.';
+        }
+
+        50% {
+            content: '..';
+        }
+
+        75% {
+            content: '...';
+        }
+
+        100% {
+            content: '';
+        }
+    }
     .e-dlg-spellcheck-listitem {
         font-size: $de-spellcheck--listitem-font-size !important;
     }

package/styles/document-editor/document-editor-lite.css

@@ -2023,6 +2023,27 @@ label[for*=_wholeWord_e-de-rtl] {
   display: -ms-flexbox;
   display: flex;
 }
+.e-de-loading-dots::after {
+  content: "";
+  animation: e-de-loading-dots-animation 1.5s steps(4, end) infinite;
+}
+@keyframes e-de-loading-dots-animation {
+  0% {
+    content: "";
+  }
+  25% {
+    content: ".";
+  }
+  50% {
+    content: "..";
+  }
+  75% {
+    content: "...";
+  }
+  100% {
+    content: "";
+  }
+}
 .e-dlg-spellcheck-listitem {
   font-size: 15px !important;
 }

package/styles/document-editor/document-editor.css

@@ -2023,6 +2023,27 @@ label[for*=_wholeWord_e-de-rtl] {
   display: -ms-flexbox;
   display: flex;
 }
+.e-de-loading-dots::after {
+  content: "";
+  animation: e-de-loading-dots-animation 1.5s steps(4, end) infinite;
+}
+@keyframes e-de-loading-dots-animation {
+  0% {
+    content: "";
+  }
+  25% {
+    content: ".";
+  }
+  50% {
+    content: "..";
+  }
+  75% {
+    content: "...";
+  }
+  100% {
+    content: "";
+  }
+}
 .e-dlg-spellcheck-listitem {
   font-size: 15px !important;
 }

package/styles/file-manager/_layout.scss

@@ -978,6 +978,11 @@
         text-align: center;
         top: 0;
       }
+      .e-fe-count.e-fm-template {
+        position: absolute;
+        right: -5px;
+        top: -5px;
+      }
     }
 
     &.e-rtl {

package/styles/file-manager/file-manager-lite.css

@@ -636,6 +636,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/file-manager/file-manager.css

@@ -636,6 +636,11 @@ ejs-filemanager {
   text-align: center;
   top: 0;
 }
+.e-filemanager .e-fe-clone .e-fe-count.e-fm-template {
+  position: absolute;
+  right: -5px;
+  top: -5px;
+}
 .e-filemanager.e-rtl .e-treeview > .e-ul {
   padding: 0 8px 0 0;
 }

package/styles/gantt/index-lite.css

@@ -31,6 +31,7 @@
 @import '../uploader/uploader-lite.css';
 @import '../menu/menu-lite.css';
 @import '../ai-assistview/ai-assistview-lite.css';
+@import '../floating-action-button/floating-action-button-lite.css';
 @import '../textarea/textarea.css';
 @import '../textbox/textbox-lite.css';
 @import '../skeleton/skeleton.css';

package/styles/gantt/index-lite.scss

@@ -31,6 +31,7 @@
 @use '../uploader/uploader-lite' as *;
 @use '../menu/menu-lite' as *;
 @use '../ai-assistview/ai-assistview-lite' as *;
+@use '../floating-action-button/floating-action-button-lite' as *;
 @use '../textarea/textarea' as *;
 @use '../textbox/textbox-lite' as *;
 @use '../skeleton/skeleton' as *;

package/styles/gantt/index.css

@@ -31,6 +31,7 @@
 @import '../uploader/uploader.css';
 @import '../menu/menu.css';
 @import '../ai-assistview/ai-assistview.css';
+@import '../floating-action-button/floating-action-button.css';
 @import '../textarea/textarea.css';
 @import '../textbox/textbox.css';
 @import '../skeleton/skeleton.css';

package/styles/gantt/index.scss

@@ -31,6 +31,7 @@
 @use '../uploader/uploader' as *;
 @use '../menu/menu' as *;
 @use '../ai-assistview/ai-assistview' as *;
+@use '../floating-action-button/floating-action-button' as *;
 @use '../textarea/textarea' as *;
 @use '../textbox/textbox' as *;
 @use '../skeleton/skeleton' as *;

package/styles/grid/_theme.scss

@@ -585,7 +585,7 @@
       color: $grid-cell-selection-color;
     }
     
-    td:hover.e-cellselectionbackground {
+    &.e-gridhover td:hover.e-cellselectionbackground {
       background: $grid-cell-selection-hover-bg-color;
     }
 

package/styles/grid/grid-lite.css

@@ -3699,7 +3699,7 @@
   background: linear-gradient(0deg, var(--color-sf-table-bg-color-selected), var(--color-sf-table-bg-color-selected)), linear-gradient(0deg, var(--color-sf-content-bg-color), var(--color-sf-content-bg-color));
   color: var(--color-sf-content-bg-color-selected);
 }
-.e-grid td:hover.e-cellselectionbackground {
+.e-grid.e-gridhover td:hover.e-cellselectionbackground {
   background: rgb(214, 214, 214);
 }
 .e-grid .e-filterbarcell,

package/styles/grid/grid.css

@@ -3699,7 +3699,7 @@
   background: linear-gradient(0deg, var(--color-sf-table-bg-color-selected), var(--color-sf-table-bg-color-selected)), linear-gradient(0deg, var(--color-sf-content-bg-color), var(--color-sf-content-bg-color));
   color: var(--color-sf-content-bg-color-selected);
 }
-.e-grid td:hover.e-cellselectionbackground {
+.e-grid.e-gridhover td:hover.e-cellselectionbackground {
   background: rgb(214, 214, 214);
 }
 .e-grid .e-filterbarcell,