fix: move the styles inside the ql-toolbar to avoid style pollution

opentiny · Nov 8, 2024 · 46a6ba1 · 46a6ba1
1 parent 29b5c4e
commit 46a6ba1
Showing 1 changed file with 18 additions and 18 deletions.
diff --git a/packages/fluent-editor/src/assets/toolbar.scss b/packages/fluent-editor/src/assets/toolbar.scss
@@ -387,30 +387,30 @@ $arrowWidth: 5px; // 下拉框箭头宽度
         }
       }
     }
-  }
 
-  button,
-  span.ql-picker-label {
-    &:hover,
-    &.ql-active {
+    button,
+    span.ql-picker-label {
+      &:hover,
+      &.ql-active {
+        @include toolbarSvgColor {
+          fill: #5e7ce0;
+        }
+        @include toolbarFontIconColor {
+          color: #5e7ce0;
+        }
+      }
       @include toolbarSvgColor {
-        fill: #5e7ce0;
+        fill: #252b3a;
       }
       @include toolbarFontIconColor {
-        color: #5e7ce0;
+        color: #252b3a;
       }
-    }
-    @include toolbarSvgColor {
-      fill: #252b3a;
-    }
-    @include toolbarFontIconColor {
-      color: #252b3a;
-    }
 
-    &.ql-disabled {
-      @include toolbarSvgColor {
-        fill: #adb0b8;
-        cursor: not-allowed;
+      &.ql-disabled {
+        @include toolbarSvgColor {
+          fill: #adb0b8;
+          cursor: not-allowed;
+        }
       }
     }
   }