@syncfusion/ej2-bootstrap5-theme 34.1.29 → 34.1.30

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-definition.scss

@@ -186,3 +186,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%;
 }
@@ -658,6 +663,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/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

@@ -643,6 +643,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-toolbar .e-fe-grid {
   display: inline-table;
   transform: rotate(180deg);

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

@@ -643,6 +643,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-toolbar .e-fe-grid {
   display: inline-table;
   transform: rotate(180deg);

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 *;