fix a few logical/typo mistakes in sidebar stuff

Southclaws · Jan 1, 2024 · c6a80d7 · c6a80d7 · vercel · Jan 1, 2024
1 parent 140b49e
commit c6a80d7
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/web/src/components/graphics/Sidebar/Sidebar.module.css b/web/src/components/graphics/Sidebar/Sidebar.module.css
@@ -3,9 +3,9 @@
 }
 
 .open {
-  transform: translateX(-480px);
+  transform: translateX(0px);
 }
 
 .closed {
-  transform: translateX(0px);
+  transform: translateX(-480px);
 }
diff --git a/web/src/components/site/Navigation/Navigation.tsx b/web/src/components/site/Navigation/Navigation.tsx
@@ -19,7 +19,7 @@ const isNavpillShown = (path: string | null) =>
 
 export function Navigation({ children }: PropsWithChildren) {
   const pathname = usePathname();
-  const [showLeftBar, setShowLeftBar] = useState(true);
+  const [showLeftBar, setShowLeftBar] = useState(false);
 
   return (
     <>
@@ -50,7 +50,7 @@ export function Navigation({ children }: PropsWithChildren) {
           md: "block",
         }}
         w="full"
-        data-leftbar-hidden={showLeftBar}
+        data-leftbar-shown={showLeftBar}
       >
         <Box id="navigation__scroll" className={styles["navgrid"]}>
           <Box className={styles["main"]}>

diff --git a/web/src/components/site/Navigation/Top/Top.tsx b/web/src/components/site/Navigation/Top/Top.tsx
@@ -34,7 +34,7 @@ export function Top({ onToggleSidebar, sidebarState }: Props) {
           kind="ghost"
           onClick={() => onToggleSidebar(!sidebarState)}
         >
-          <Sidebar open={sidebarState} />
+          <Sidebar open={sidebarState} /> {sidebarState ? "TRUE" : "FALSE"}
         </Button>
         <ComposeAction>new</ComposeAction>
       </HStack>

diff --git a/web/src/components/site/Navigation/navigation.module.css b/web/src/components/site/Navigation/navigation.module.css
@@ -98,7 +98,7 @@
   animation: fadeIn 0.2s ease-in-out;
 }
 
-.desktop-nav-container[data-leftbar-hidden="true"] .leftbar {
+.desktop-nav-container[data-leftbar-shown="false"] .leftbar {
   animation: fadeOut 0.2s ease-in-out;
   opacity: 0;
   pointer-events: none;
@@ -142,7 +142,7 @@
 }
 
 @media screen and (max-width: 1280px) {
-  .desktop-nav-container[data-leftbar-hidden="true"] .main {
+  .desktop-nav-container[data-leftbar-shown="true"] .main {
     grid-column: leftbar / main;
   }
 }