Browse Source

clear color specifications

Yuki Takei 2 years ago
parent
commit
d0123ae6f7

+ 1 - 1
packages/editor/src/components/CodeMirrorEditor/Toolbar/DiagramButton.tsx

@@ -1,7 +1,7 @@
 export const DiagramButton = (): JSX.Element => {
 export const DiagramButton = (): JSX.Element => {
   return (
   return (
     <button type="button" className="btn btn-toolbar-button">
     <button type="button" className="btn btn-toolbar-button">
-      <span className="material-icons-outlined text-secondary fs-6">lan</span>
+      <span className="material-icons-outlined fs-6">lan</span>
     </button>
     </button>
   );
   );
 };
 };

+ 1 - 1
packages/editor/src/components/CodeMirrorEditor/Toolbar/EmojiButton.tsx

@@ -1,7 +1,7 @@
 export const EmojiButton = (): JSX.Element => {
 export const EmojiButton = (): JSX.Element => {
   return (
   return (
     <button type="button" className="btn btn-toolbar-button">
     <button type="button" className="btn btn-toolbar-button">
-      <span className="material-icons-outlined text-secondary fs-6">emoji_emotions</span>
+      <span className="material-icons-outlined fs-6">emoji_emotions</span>
     </button>
     </button>
   );
   );
 };
 };

+ 1 - 1
packages/editor/src/components/CodeMirrorEditor/Toolbar/TableButton.tsx

@@ -1,7 +1,7 @@
 export const TableButton = (): JSX.Element => {
 export const TableButton = (): JSX.Element => {
   return (
   return (
     <button type="button" className="btn btn-toolbar-button">
     <button type="button" className="btn btn-toolbar-button">
-      <span className="material-icons-outlined text-secondary fs-6">table_chart</span>
+      <span className="material-icons-outlined fs-6">table_chart</span>
     </button>
     </button>
   );
   );
 };
 };

+ 7 - 0
packages/editor/src/components/CodeMirrorEditor/Toolbar/TemplateButton.tsx

@@ -0,0 +1,7 @@
+export const TemplateButton = (): JSX.Element => {
+  return (
+    <button type="button" className="btn btn-toolbar-button">
+      <span className="material-icons-outlined fs-6">file_copy</span>
+    </button>
+  );
+};

+ 2 - 0
packages/editor/src/components/CodeMirrorEditor/Toolbar/Toolbar.tsx

@@ -4,6 +4,7 @@ import { AttachmentsDropup } from './AttachmentsDropup';
 import { DiagramButton } from './DiagramButton';
 import { DiagramButton } from './DiagramButton';
 import { EmojiButton } from './EmojiButton';
 import { EmojiButton } from './EmojiButton';
 import { TableButton } from './TableButton';
 import { TableButton } from './TableButton';
+import { TemplateButton } from './TemplateButton';
 import { TextFormatTools } from './TextFormatTools';
 import { TextFormatTools } from './TextFormatTools';
 
 
 import styles from './Toolbar.module.scss';
 import styles from './Toolbar.module.scss';
@@ -16,6 +17,7 @@ export const Toolbar = memo((): JSX.Element => {
       <EmojiButton />
       <EmojiButton />
       <TableButton />
       <TableButton />
       <DiagramButton />
       <DiagramButton />
+      <TemplateButton />
     </div>
     </div>
   );
   );
 });
 });

+ 2 - 0
packages/editor/src/components/CodeMirrorEditor/Toolbar/scss/toolbar-button.scss

@@ -5,4 +5,6 @@
   font-size: 1rem !important;
   font-size: 1rem !important;
   line-height: 1 !important;
   line-height: 1 !important;
   text-align: center !important;
   text-align: center !important;
+
+  border: 0;
 }
 }