Toolbar is hidden while publishing an article (#682)

* Toolbar is hidden while publishing an article * removed additional logic and adjusted z-index
codu-code · Jan 3, 2024 · c813672 · c813672
1 parent 0d51459
commit c813672
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/components/editor/editor/components/Toolbar/Toolbar.module.css b/components/editor/editor/components/Toolbar/Toolbar.module.css
@@ -1,11 +1,11 @@
 .sticky {
   position: sticky;
   top: 0;
-  z-index: 50;
+  z-index: 10;
   width: 100%;
   margin-bottom: 1em;
 }
-
+ 
 .flex {
   display: flex;
   justify-content: space-between;
@@ -98,3 +98,5 @@ input:checked + .slider::before {
   visibility: 1;
   opacity: 1;
 }
+
+
diff --git a/components/editor/editor/components/Toolbar/Toolbar.tsx b/components/editor/editor/components/Toolbar/Toolbar.tsx
@@ -38,7 +38,7 @@ export interface ToolbarItem {
   command: () => void;
   icon: typeof BoldIcon;
 }
-
+ 
 function Toolbar({ editor }: ToolbarProps) {
   const [isOpen, setIsOpen] = useState(true);
   const [, setIsTableEditing] = useState(false);
@@ -72,7 +72,7 @@ function Toolbar({ editor }: ToolbarProps) {
   };
 
   return (
-    <div className={`${styles.sticky} bg-neutral-900`}>
+    <div className={`${styles.sticky} bg-neutral-900 mb-4`}>
       <ImageDetailsModal
         isImageDetailsModalOpen={isImageDetailsModalOpen}
         setIsImageDetailsModalOpen={setIsImageDetailsModalOpen}

diff --git a/components/editor/editor/index.tsx b/components/editor/editor/index.tsx
@@ -6,7 +6,7 @@ import { CustomCodeBlockEdit, TiptapExtensions } from "./extensions";
 import { EditorBubbleMenu } from "./components/bubble-menu";
 import { MediaResizer } from "./components/image-resizer";
 import Toolbar from "./components/Toolbar/Toolbar";
-
+ 
 interface EditorProps {
   initialValue: string;
   onChange: (value: string) => void;