npm - @syncfusion/blazor-themes - Versions diffs - 29.1.40 → 29.2.4 - Mend

@syncfusion/blazor-themes 29.1.40 → 29.2.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.

Files changed (401) hide show

package/SCSS-Themes/bootstrap5.3.scss CHANGED Viewed

@@ -3819,6 +3819,7 @@ $ddl-popup-shadow: $shadow-lg !default;
 $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
 $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
+$ddl-box-border-color: $border !default;
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -4203,6 +4204,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
@@ -66902,7 +66918,12 @@ $ddl-close-down-icon-left: 35px !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;
@@ -77793,7 +77814,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -80901,7 +80922,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -112392,7 +112413,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -112405,6 +112426,12 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -116668,9 +116695,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
   .e-dialog.e-pv-signature-dialog-height {
@@ -130659,6 +130683,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -135981,8 +136010,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/bootstrap5.scss CHANGED Viewed

@@ -2720,6 +2720,7 @@ $ddl-back-icon-padding: 0 8px !default;
 $ddl-popup-shadow: $shadow-lg !default;
 $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $border !default;
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -3104,6 +3105,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }
@@ -65797,7 +65813,12 @@ $ddl-close-down-icon-left: 35px !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;
@@ -76659,7 +76680,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -79767,7 +79788,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -111260,7 +111281,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -111273,6 +111294,12 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -115536,9 +115563,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
   .e-dialog.e-pv-signature-dialog-height {
@@ -129537,6 +129561,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -134859,8 +134888,8 @@ $image-editor-button-width-mobile: calc(67% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/documenteditor/document-editor-container/bds-dark-lite.scss CHANGED Viewed

@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/bds-dark.scss CHANGED Viewed

@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3797,7 +3797,7 @@ $de-hlt-clr-height-bigger: 24px;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/bds-lite.scss CHANGED Viewed

@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/bds.scss CHANGED Viewed

@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3797,7 +3797,7 @@ $de-hlt-clr-height-bigger: 24px;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark-lite.scss CHANGED Viewed

@@ -674,7 +674,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss CHANGED Viewed

@@ -674,7 +674,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3753,7 +3753,7 @@ $de-prop-btn-icon-clr: #ccc;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-lite.scss CHANGED Viewed

@@ -674,7 +674,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss CHANGED Viewed

@@ -674,7 +674,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3753,7 +3753,7 @@ $de-prop-btn-icon-clr: #ccc;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4-lite.scss CHANGED Viewed

@@ -692,7 +692,7 @@ $de-hlt-clr-height-bigger: 25px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss CHANGED Viewed

@@ -692,7 +692,7 @@ $de-hlt-clr-height-bigger: 25px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3771,7 +3771,7 @@ $de-hlt-clr-height-bigger: 25px;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -698,7 +698,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss CHANGED Viewed

@@ -698,7 +698,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3806,7 +3806,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-lite.scss CHANGED Viewed

@@ -698,7 +698,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -702,7 +702,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-dark.scss CHANGED Viewed

@@ -702,7 +702,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3810,7 +3810,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-lite.scss CHANGED Viewed

@@ -702,7 +702,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3.scss CHANGED Viewed

@@ -702,7 +702,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3810,7 +3810,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss CHANGED Viewed

@@ -698,7 +698,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3806,7 +3806,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark-lite.scss CHANGED Viewed

@@ -678,7 +678,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss CHANGED Viewed

@@ -678,7 +678,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3758,7 +3758,7 @@ $de-prop-btn-icon-clr: #ccc;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/fabric-lite.scss CHANGED Viewed

@@ -676,7 +676,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss CHANGED Viewed

@@ -676,7 +676,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3755,7 +3755,7 @@ $de-prop-btn-icon-clr: #ccc;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark-lite.scss CHANGED Viewed

@@ -699,7 +699,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss CHANGED Viewed

@@ -699,7 +699,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3806,7 +3806,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/fluent-lite.scss CHANGED Viewed

@@ -699,7 +699,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss CHANGED Viewed

@@ -699,7 +699,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3806,7 +3806,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark-lite.scss CHANGED Viewed

@@ -699,7 +699,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark.scss CHANGED Viewed

@@ -699,7 +699,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3805,7 +3805,7 @@ $de-hlt-clr-height-bigger: 24px;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -699,7 +699,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast.scss CHANGED Viewed

@@ -699,7 +699,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3805,7 +3805,7 @@ $de-hlt-clr-height-bigger: 24px;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),