npm - @syncfusion/blazor-themes - Versions diffs - 28.2.9 → 28.2.12 - Mend

@syncfusion/blazor-themes 28.2.9 → 28.2.12

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 (351) hide show

package/SCSS-Themes/navigations/toolbar/tailwind3-dark-lite.scss CHANGED Viewed

@@ -1000,42 +1000,26 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           border-color: $tbar-btn-focus-border-color;
           border-style: $tbar-border-nav-type;
           border-width: $tbar-btn-hover-border-size;
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            box-shadow: none;
-          }
-          @else {
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-          }
+          box-shadow: $tbar-ext-btn-focus-box-shadow;
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
+              color: $tbar-default-icon-color;
+            }
           }
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
             @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
               color: $tbar-btn-icons-focus-color;
             }
-          }
-        }
-        @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-          &:focus-visible {
-            background: $tbar-default-bg;
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-            .e-icons {
-              color: $tbar-default-icon-color;
-            }
-            .e-tbar-btn-text {
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               color: $tbar-default-font;
             }
           }
         }
         &:hover {
           background: $tbar-hover-bg;
           border-color: $tbar-hover-border-color;
@@ -1258,27 +1242,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             border-color: $tbar-btn-focus-border-color;
             border-style: $tbar-border-nav-type;
             border-width: $tbar-popup-btn-hover-border-size;
-            @if ($skin-name == 'fluent2' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3') {
-              box-shadow: none;
-            }
-            @else {
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
-            }
-            @if $skin-name == 'bootstrap5.3' {
-              .e-tbar-btn-text,
-              .e-icons.e-btn-icon {
-                color: $tbar-btn-active-icons-color;
-              }
-            }
-          }
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            &:focus-visible {
-              background: $tbar-popup-btn-focus-bg;
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
+            box-shadow: $tbar-popup-btn-focus-box-shadow;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               .e-icons {
                 color: $tbar-popup-nav-hover-icons-color;
               }
@@ -1287,6 +1253,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                 color: $tbar-popup-btn-text-focus-color;
               }
             }
+            @if $skin-name == 'bootstrap5.3' {
+              .e-tbar-btn-text,
+              .e-icons.e-btn-icon {
+                color: $tbar-btn-active-icons-color;
+              }
+            }
           }
         }
@@ -1317,26 +1289,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-btn-focus-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              box-shadow: $tbar-ext-btn-focus-box-shadow;
               @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-                box-shadow: none;
-              }
-              @else {
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
-              }
-              @if $skin-name == 'bootstrap5.3' {
-                .e-tbar-btn-text,
-                .e-icons.e-btn-icon {
-                  color: $tbar-default-icon-color;
-                }
-              }
-            }
-            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-              &:focus-visible {
-                background: $tbar-default-bg;
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
                 .e-icons {
                   color: $tbar-default-icon-color;
                 }
@@ -1345,8 +1300,14 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                   color: $tbar-default-font;
                 }
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             &:hover {
               background: $tbar-hover-bg;
               border-radius: $tbar-btn-border-radius;

package/SCSS-Themes/navigations/toolbar/tailwind3-dark.scss CHANGED Viewed

@@ -1000,42 +1000,26 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           border-color: $tbar-btn-focus-border-color;
           border-style: $tbar-border-nav-type;
           border-width: $tbar-btn-hover-border-size;
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            box-shadow: none;
-          }
-          @else {
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-          }
+          box-shadow: $tbar-ext-btn-focus-box-shadow;
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
+              color: $tbar-default-icon-color;
+            }
           }
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
             @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
               color: $tbar-btn-icons-focus-color;
             }
-          }
-        }
-        @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-          &:focus-visible {
-            background: $tbar-default-bg;
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-            .e-icons {
-              color: $tbar-default-icon-color;
-            }
-            .e-tbar-btn-text {
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               color: $tbar-default-font;
             }
           }
         }
         &:hover {
           background: $tbar-hover-bg;
           border-color: $tbar-hover-border-color;
@@ -1258,27 +1242,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             border-color: $tbar-btn-focus-border-color;
             border-style: $tbar-border-nav-type;
             border-width: $tbar-popup-btn-hover-border-size;
-            @if ($skin-name == 'fluent2' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3') {
-              box-shadow: none;
-            }
-            @else {
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
-            }
-            @if $skin-name == 'bootstrap5.3' {
-              .e-tbar-btn-text,
-              .e-icons.e-btn-icon {
-                color: $tbar-btn-active-icons-color;
-              }
-            }
-          }
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            &:focus-visible {
-              background: $tbar-popup-btn-focus-bg;
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
+            box-shadow: $tbar-popup-btn-focus-box-shadow;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               .e-icons {
                 color: $tbar-popup-nav-hover-icons-color;
               }
@@ -1287,6 +1253,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                 color: $tbar-popup-btn-text-focus-color;
               }
             }
+            @if $skin-name == 'bootstrap5.3' {
+              .e-tbar-btn-text,
+              .e-icons.e-btn-icon {
+                color: $tbar-btn-active-icons-color;
+              }
+            }
           }
         }
@@ -1317,26 +1289,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-btn-focus-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              box-shadow: $tbar-ext-btn-focus-box-shadow;
               @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-                box-shadow: none;
-              }
-              @else {
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
-              }
-              @if $skin-name == 'bootstrap5.3' {
-                .e-tbar-btn-text,
-                .e-icons.e-btn-icon {
-                  color: $tbar-default-icon-color;
-                }
-              }
-            }
-            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-              &:focus-visible {
-                background: $tbar-default-bg;
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
                 .e-icons {
                   color: $tbar-default-icon-color;
                 }
@@ -1345,8 +1300,14 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                   color: $tbar-default-font;
                 }
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             &:hover {
               background: $tbar-hover-bg;
               border-radius: $tbar-btn-border-radius;

package/SCSS-Themes/navigations/toolbar/tailwind3-lite.scss CHANGED Viewed

@@ -1000,42 +1000,26 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           border-color: $tbar-btn-focus-border-color;
           border-style: $tbar-border-nav-type;
           border-width: $tbar-btn-hover-border-size;
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            box-shadow: none;
-          }
-          @else {
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-          }
+          box-shadow: $tbar-ext-btn-focus-box-shadow;
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
+              color: $tbar-default-icon-color;
+            }
           }
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
             @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
               color: $tbar-btn-icons-focus-color;
             }
-          }
-        }
-        @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-          &:focus-visible {
-            background: $tbar-default-bg;
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-            .e-icons {
-              color: $tbar-default-icon-color;
-            }
-            .e-tbar-btn-text {
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               color: $tbar-default-font;
             }
           }
         }
         &:hover {
           background: $tbar-hover-bg;
           border-color: $tbar-hover-border-color;
@@ -1258,27 +1242,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             border-color: $tbar-btn-focus-border-color;
             border-style: $tbar-border-nav-type;
             border-width: $tbar-popup-btn-hover-border-size;
-            @if ($skin-name == 'fluent2' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3') {
-              box-shadow: none;
-            }
-            @else {
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
-            }
-            @if $skin-name == 'bootstrap5.3' {
-              .e-tbar-btn-text,
-              .e-icons.e-btn-icon {
-                color: $tbar-btn-active-icons-color;
-              }
-            }
-          }
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            &:focus-visible {
-              background: $tbar-popup-btn-focus-bg;
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
+            box-shadow: $tbar-popup-btn-focus-box-shadow;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               .e-icons {
                 color: $tbar-popup-nav-hover-icons-color;
               }
@@ -1287,6 +1253,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                 color: $tbar-popup-btn-text-focus-color;
               }
             }
+            @if $skin-name == 'bootstrap5.3' {
+              .e-tbar-btn-text,
+              .e-icons.e-btn-icon {
+                color: $tbar-btn-active-icons-color;
+              }
+            }
           }
         }
@@ -1317,26 +1289,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-btn-focus-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              box-shadow: $tbar-ext-btn-focus-box-shadow;
               @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-                box-shadow: none;
-              }
-              @else {
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
-              }
-              @if $skin-name == 'bootstrap5.3' {
-                .e-tbar-btn-text,
-                .e-icons.e-btn-icon {
-                  color: $tbar-default-icon-color;
-                }
-              }
-            }
-            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-              &:focus-visible {
-                background: $tbar-default-bg;
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
                 .e-icons {
                   color: $tbar-default-icon-color;
                 }
@@ -1345,8 +1300,14 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                   color: $tbar-default-font;
                 }
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             &:hover {
               background: $tbar-hover-bg;
               border-radius: $tbar-btn-border-radius;

package/SCSS-Themes/navigations/toolbar/tailwind3.scss CHANGED Viewed

@@ -1000,42 +1000,26 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           border-color: $tbar-btn-focus-border-color;
           border-style: $tbar-border-nav-type;
           border-width: $tbar-btn-hover-border-size;
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            box-shadow: none;
-          }
-          @else {
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-          }
+          box-shadow: $tbar-ext-btn-focus-box-shadow;
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
+              color: $tbar-default-icon-color;
+            }
           }
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
             @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
               color: $tbar-btn-icons-focus-color;
             }
-          }
-        }
-        @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-          &:focus-visible {
-            background: $tbar-default-bg;
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-            .e-icons {
-              color: $tbar-default-icon-color;
-            }
-            .e-tbar-btn-text {
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               color: $tbar-default-font;
             }
           }
         }
         &:hover {
           background: $tbar-hover-bg;
           border-color: $tbar-hover-border-color;
@@ -1258,27 +1242,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             border-color: $tbar-btn-focus-border-color;
             border-style: $tbar-border-nav-type;
             border-width: $tbar-popup-btn-hover-border-size;
-            @if ($skin-name == 'fluent2' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3') {
-              box-shadow: none;
-            }
-            @else {
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
-            }
-            @if $skin-name == 'bootstrap5.3' {
-              .e-tbar-btn-text,
-              .e-icons.e-btn-icon {
-                color: $tbar-btn-active-icons-color;
-              }
-            }
-          }
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            &:focus-visible {
-              background: $tbar-popup-btn-focus-bg;
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
+            box-shadow: $tbar-popup-btn-focus-box-shadow;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               .e-icons {
                 color: $tbar-popup-nav-hover-icons-color;
               }
@@ -1287,6 +1253,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                 color: $tbar-popup-btn-text-focus-color;
               }
             }
+            @if $skin-name == 'bootstrap5.3' {
+              .e-tbar-btn-text,
+              .e-icons.e-btn-icon {
+                color: $tbar-btn-active-icons-color;
+              }
+            }
           }
         }
@@ -1317,26 +1289,9 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-btn-focus-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              box-shadow: $tbar-ext-btn-focus-box-shadow;
               @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-                box-shadow: none;
-              }
-              @else {
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
-              }
-              @if $skin-name == 'bootstrap5.3' {
-                .e-tbar-btn-text,
-                .e-icons.e-btn-icon {
-                  color: $tbar-default-icon-color;
-                }
-              }
-            }
-            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-              &:focus-visible {
-                background: $tbar-default-bg;
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
                 .e-icons {
                   color: $tbar-default-icon-color;
                 }
@@ -1345,8 +1300,14 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
                   color: $tbar-default-font;
                 }
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             &:hover {
               background: $tbar-hover-bg;
               border-radius: $tbar-btn-border-radius;

package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark-lite.scss CHANGED Viewed

@@ -866,7 +866,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;

package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark.scss CHANGED Viewed

@@ -866,7 +866,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;

package/SCSS-Themes/richtexteditor/rich-text-editor/bds-lite.scss CHANGED Viewed

@@ -866,7 +866,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;

package/SCSS-Themes/richtexteditor/rich-text-editor/bds.scss CHANGED Viewed

@@ -866,7 +866,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark-lite.scss CHANGED Viewed

@@ -867,7 +867,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss CHANGED Viewed

@@ -867,7 +867,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-lite.scss CHANGED Viewed

@@ -925,7 +925,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss CHANGED Viewed

@@ -925,7 +925,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4-lite.scss CHANGED Viewed

@@ -1052,7 +1052,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss CHANGED Viewed

@@ -1052,7 +1052,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -854,7 +854,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss CHANGED Viewed

@@ -854,7 +854,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       bottom: 0;
       color: $rte-default-character-count-color;
       font-size: 14px;
-      margin-right: 30px;
+      margin-right: 10px;
       opacity: $rte-default-character-count-opacity;
       padding-bottom: 2px;
       position: absolute;