starting on styling

pantheon-systems · Jul 24, 2024 · 1a8a51f · 1a8a51f
1 parent 4311b81
commit 1a8a51f
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 2 deletions.
diff --git a/src/components/omniSidebarNav/index.js b/src/components/omniSidebarNav/index.js
@@ -22,20 +22,23 @@ const OmniSidebarNav = ({
   const OmniItems = getOmniItems();
   const menuItems = getOmniSidebarActiveSection(activePage, OmniItems);
 
+  console.log(fallbackItems);
+  console.log(menuItems);
+
   // If the caller is asking for a specific submenu, use that directly.
   if (submenuPathToUse.length > 0) {
     const submenuItems = findSubMenuItemsToUse(submenuPathToUse, OmniItems);
     const submenuLinks = turnItemsIntoLinks(submenuItems, activePage);
     return (
-      <SideNavCompact class="sidenav-compact"
+      <SideNavCompact className="sidenav-compact"
         headingText={submenuLinks.linkContent}
         menuItems={submenuLinks.links}
       />
     );
   } else if (menuItems) {
     const OmniLinks = turnItemsIntoLinks(menuItems, activePage);
     return (
-      <SideNavCompact class="sidenav-compact"
+      <SideNavCompact className="sidenav-compact"
         headingText={OmniLinks.linkContent}
         menuItems={OmniLinks.links}
       />

diff --git a/src/components/omniSidebarNav/style.css b/src/components/omniSidebarNav/style.css
@@ -0,0 +1,29 @@
+
+
+/* Default menu */
+@media (min-width: 641px) {
+  /* .guide-nav--mobile {
+    display: none;
+  } */
+
+
+    .sidenav-compact {
+      padding-block-start: var(--pds-spacing-xl);
+      padding-inline-end: var(--pds-spacing-xl);
+    }
+
+
+  /* h2.manual-guide-toc__heading {
+    font-size: var(--pds-typography-size-l);
+    line-height: var(--pds-typography-line-height-m);
+    margin-block-end: var(--pds-spacing-s);
+  } */
+}
+
+/* .manual-guide-toc__menu {
+  display: flex;
+  flex-direction: column;
+  list-style-type: none;
+  padding: 0;
+  row-gap: var(--pds-spacing-3xs);
+} */