Yuki Takei 1 месяц назад
Родитель
Сommit
1db889126d

+ 29 - 4
packages/editor/src/client/components-internal/CodeMirrorEditor/Toolbar/Toolbar.module.scss

@@ -1,8 +1,33 @@
-.codemirror-editor-toolbar :global {
-  @import './scss/toolbar-button';
+// border
+.codemirror-editor-toolbar {
+  :global(.btn-toolbar-button) {
+    --bs-btn-border-width: 0;
+  }
+}
+
+// size
+.codemirror-editor-toolbar {
+  :global(.btn-toolbar-button) {
+    --bs-btn-padding-x: 0;
+    --bs-btn-padding-y: 0;
+
+    width: 24px !important;
+    height: 24px !important;
+  }
+}
+
+// center the icon
+.codemirror-editor-toolbar {
+  :global(.btn-toolbar-button) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
 
-  // center the toolbar vertically
-  .simplebar-offset {
+// center the toolbar vertically
+.codemirror-editor-toolbar {
+  :global(.simplebar-offset) {
     display: flex;
     align-items: center;
   }

+ 0 - 21
packages/editor/src/client/components-internal/CodeMirrorEditor/Toolbar/scss/toolbar-button.scss

@@ -1,21 +0,0 @@
-// styles
-.btn-toolbar-button {
-  --bs-btn-border-width: 0;
-}
-
-// set size
-.btn-toolbar-button {
-  --bs-btn-padding-x: 0;
-  --bs-btn-padding-y: 0;
-
-  width: 24px !important;
-  height: 24px !important;
-}
-
-// set icon center
-.btn-toolbar-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-