npm - @syncfusion/blazor-themes - Versions diffs - 26.1.41 → 26.2.4 - Mend

@syncfusion/blazor-themes 26.1.41 → 26.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 (348) hide show

package/SCSS-Themes/buttons/button/bds-dark.scss CHANGED Viewed

@@ -2732,7 +2732,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2765,7 +2765,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/bds.scss CHANGED Viewed

@@ -2732,7 +2732,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2765,7 +2765,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/bootstrap-dark.scss CHANGED Viewed

@@ -2666,7 +2666,7 @@ $btn-focus-box-shadow: none !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2699,7 +2699,7 @@ $btn-focus-box-shadow: none !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/bootstrap.scss CHANGED Viewed

@@ -2621,7 +2621,7 @@ $btn-focus-box-shadow: none !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2654,7 +2654,7 @@ $btn-focus-box-shadow: none !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/bootstrap4.scss CHANGED Viewed

@@ -2669,7 +2669,7 @@ $btn-focus-box-shadow: none !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2702,7 +2702,7 @@ $btn-focus-box-shadow: none !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/bootstrap5-dark.scss CHANGED Viewed

@@ -2677,7 +2677,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2710,7 +2710,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/bootstrap5.scss CHANGED Viewed

@@ -2677,7 +2677,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2710,7 +2710,7 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/fabric-dark.scss CHANGED Viewed

@@ -2624,7 +2624,7 @@ $btn-focus-box-shadow: none !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2657,7 +2657,7 @@ $btn-focus-box-shadow: none !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/fabric.scss CHANGED Viewed

@@ -2621,7 +2621,7 @@ $btn-focus-box-shadow: none !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2654,7 +2654,7 @@ $btn-focus-box-shadow: none !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/fluent-dark.scss CHANGED Viewed

@@ -2677,7 +2677,7 @@ $btn-warning-focus-box-shadow: $shadow-none !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2710,7 +2710,7 @@ $btn-warning-focus-box-shadow: $shadow-none !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/fluent.scss CHANGED Viewed

@@ -2677,7 +2677,7 @@ $btn-warning-focus-box-shadow: $shadow-none !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2710,7 +2710,7 @@ $btn-warning-focus-box-shadow: $shadow-none !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/fluent2-dark.scss CHANGED Viewed

@@ -2691,7 +2691,7 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2724,7 +2724,7 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/fluent2.scss CHANGED Viewed

@@ -2691,7 +2691,7 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2724,7 +2724,7 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/highcontrast.scss CHANGED Viewed

@@ -2644,7 +2644,7 @@ $btn-focus-box-shadow: none !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2677,7 +2677,7 @@ $btn-focus-box-shadow: none !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/material-dark.scss CHANGED Viewed

@@ -2667,7 +2667,7 @@ $btn-focus-box-shadow: none !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2700,7 +2700,7 @@ $btn-focus-box-shadow: none !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/material.scss CHANGED Viewed

@@ -2623,7 +2623,7 @@ $btn-focus-box-shadow: none !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2656,7 +2656,7 @@ $btn-focus-box-shadow: none !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/material3-dark.scss CHANGED Viewed

@@ -2693,7 +2693,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2726,7 +2726,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/material3.scss CHANGED Viewed

@@ -2693,7 +2693,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2726,7 +2726,7 @@ $btn-keyboard-focus-box-shadow: $shadow-focus-ring1 !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/tailwind-dark.scss CHANGED Viewed

@@ -2670,7 +2670,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2703,7 +2703,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/button/tailwind.scss CHANGED Viewed

@@ -2670,7 +2670,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
           @if $skin-name == 'fluent2' {
             background: transparent;
             border-color: $secondary-border-color-hover;
-            color: $secondary-text-color-hover;
+            color: $secondary-outline-button-text-color-pressed;
           }
           @if $skin-name == 'bootstrap5' {
@@ -2703,7 +2703,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
           @include outline-active;
           @if $skin-name == 'fluent2' {
             background: transparent;
-            color: $secondary-text-color-selected;
+            color: $secondary-outline-button-text-color-pressed;
             outline: 2px solid;
             outline-offset: -2px;
           }

package/SCSS-Themes/buttons/speed-dial/bds-dark.scss CHANGED Viewed

@@ -220,6 +220,7 @@ $sd-active-font-color: $secondary-text-color !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/bds.scss CHANGED Viewed

@@ -220,6 +220,7 @@ $sd-active-font-color: $secondary-text-color !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/bootstrap-dark.scss CHANGED Viewed

@@ -219,6 +219,7 @@ $sd-active-font-color: $grey-light-font !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/bootstrap.scss CHANGED Viewed

@@ -219,6 +219,7 @@ $sd-active-font-color: #000000 !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/bootstrap4.scss CHANGED Viewed

@@ -219,6 +219,7 @@ $sd-active-font-color: $secondary !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/bootstrap5-dark.scss CHANGED Viewed

@@ -220,6 +220,7 @@ $sd-active-font-color: $content-text-color-focus !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/bootstrap5.scss CHANGED Viewed

@@ -220,6 +220,7 @@ $sd-active-font-color: $content-text-color-focus !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/fabric-dark.scss CHANGED Viewed

@@ -219,6 +219,7 @@ $sd-active-font-color: $neutral-light-fontalt !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/fabric.scss CHANGED Viewed

@@ -219,6 +219,7 @@ $sd-active-font-color: $neutral-light-fontalt !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/fluent-dark.scss CHANGED Viewed

@@ -220,6 +220,7 @@ $sd-active-font-color: $secondary-text-color-pressed !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/fluent.scss CHANGED Viewed

@@ -220,6 +220,7 @@ $sd-active-font-color: $secondary-text-color-pressed !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/fluent2-dark.scss CHANGED Viewed

@@ -220,6 +220,7 @@ $sd-active-font-color: $secondary-text-color-pressed !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/fluent2.scss CHANGED Viewed

@@ -220,6 +220,7 @@ $sd-active-font-color: $secondary-text-color-pressed !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/highcontrast.scss CHANGED Viewed

@@ -220,6 +220,7 @@ $sd-active-font-color: $selection-font !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/material-dark.scss CHANGED Viewed

@@ -219,6 +219,7 @@ $sd-active-font-color: $grey-dark-font !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/material.scss CHANGED Viewed

@@ -219,6 +219,7 @@ $sd-active-font-color: $base-font !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/material3-dark.scss CHANGED Viewed

@@ -220,6 +220,7 @@ $sd-active-font-color: $sd-font-color !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/material3.scss CHANGED Viewed

@@ -220,6 +220,7 @@ $sd-active-font-color: $sd-font-color !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/tailwind-dark.scss CHANGED Viewed

@@ -220,6 +220,7 @@ $sd-active-font-color: $secondary-text-color !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

package/SCSS-Themes/buttons/speed-dial/tailwind.scss CHANGED Viewed

@@ -220,6 +220,7 @@ $sd-active-font-color: $secondary-text-color !default;
           font-size: 12px;
           line-height: 16px;
           padding: 8px 16px;
+          box-sizing: content-box;
         }
       }
     }

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

@@ -458,7 +458,7 @@ $de-hlt-clr-height-bigger: 24px;
             }
         }
     }
-    .e-listview .e-list-icon {
+    .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
         height: 24px;
         width: 16px;
         margin-right: $e-de-ctnr-break-listview-margin-right;

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

@@ -458,7 +458,7 @@ $de-hlt-clr-height-bigger: 24px;
             }
         }
     }
-    .e-listview .e-list-icon {
+    .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
         height: 24px;
         width: 16px;
         margin-right: $e-de-ctnr-break-listview-margin-right;

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

@@ -442,7 +442,7 @@ $de-prop-btn-icon-clr: #ccc;
             }
         }
     }
-    .e-listview .e-list-icon {
+    .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
         height: 24px;
         width: 16px;
         margin-right: $e-de-ctnr-break-listview-margin-right;

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

@@ -442,7 +442,7 @@ $de-prop-btn-icon-clr: #ccc;
             }
         }
     }
-    .e-listview .e-list-icon {
+    .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
         height: 24px;
         width: 16px;
         margin-right: $e-de-ctnr-break-listview-margin-right;

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

@@ -458,7 +458,7 @@ $de-hlt-clr-height-bigger: 25px;
             }
         }
     }
-    .e-listview .e-list-icon {
+    .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
         height: 24px;
         width: 16px;
         margin-right: $e-de-ctnr-break-listview-margin-right;

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

@@ -464,7 +464,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             }
         }
     }
-    .e-listview .e-list-icon {
+    .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
         height: 24px;
         width: 16px;
         margin-right: $e-de-ctnr-break-listview-margin-right;

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

@@ -464,7 +464,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             }
         }
     }
-    .e-listview .e-list-icon {
+    .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
         height: 24px;
         width: 16px;
         margin-right: $e-de-ctnr-break-listview-margin-right;

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

@@ -446,7 +446,7 @@ $de-prop-btn-icon-clr: #ccc;
             }
         }
     }
-    .e-listview .e-list-icon {
+    .e-de-listview.e-de-listview-icon.e-icons.e-list-icon {
         height: 24px;
         width: 16px;
         margin-right: $e-de-ctnr-break-listview-margin-right;