@eox/pages-theme-eox 0.11.4 → 1.0.0

package/src/style.css

@@ -44,6 +44,11 @@ body {
   font-weight: bold;
 }
 
+.Layout {
+  padding-top: var(--vp-nav-height);
+  transition: padding-top 0.3s ease-in-out;
+}
+
 *:has(> nav.top:not(.s, .m, .l)) {
   padding-block-start: 0;
 }
@@ -128,10 +133,6 @@ body {
   display: none;
 }
 
-.VPLocalNav {
-  display: none;
-}
-
 .vp-doc.container {
   padding-left: 24px;
   padding-right: 24px;
@@ -140,6 +141,9 @@ body {
 /**/
 footer {
   margin-top: 0 !important;
+  position: relative;
+  z-index: 50;
+  background: var(--surface-container-low);
 }
 
 /**/
@@ -174,3 +178,116 @@ button.text:hover,
     hsl(from var(--primary) h s calc(l - 20)) 100%
   ) !important;
 }
+
+/* Fix for nested details icon rotation inheriting from parent */
+details summary i.mdi-chevron-down {
+  transform: rotate(0deg);
+  transition: transform 0.2s;
+}
+details[open] > summary > i.mdi-chevron-down {
+  transform: rotate(180deg);
+}
+
+/* Sidebar Fixes */
+.Layout:not(.layout-doc) .VPSidebar {
+  display: none;
+}
+
+.Layout:not(.layout-doc) .VPContent.has-sidebar {
+  --vp-sidebar-width: 0;
+}
+
+.VPSidebar {
+  top: var(--vp-nav-height) !important;
+  padding-top: 0 !important;
+  padding-left: 0 !important;
+  margin-top: -2px;
+}
+
+.VPSidebar > nav,
+.VPSidebar .group,
+.VPSidebar .items {
+  display: flex !important;
+  flex-direction: column !important;
+  padding-top: 0 !important;
+}
+
+.VPSidebar .group {
+  border-top: none !important;
+  padding: 0 24px 12px !important;
+  width: 100% !important;
+}
+
+.VPSidebar .group h2,
+.VPSidebar .group > p.title {
+  margin-top: 0 !important;
+  padding-top: 6px !important;
+  margin-bottom: 4px !important;
+}
+
+.VPSidebar ul {
+  display: flex !important;
+  flex-direction: column !important;
+  padding-left: 0 !important;
+  margin: 0 !important;
+  list-style: none !important;
+}
+
+.VPSidebar .VPLink {
+  display: block !important;
+  padding: 3px 0 !important;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.social-links {
+  display: flex !important;
+  align-items: center;
+  gap: 0.25rem;
+  list-style: none !important;
+  padding-left: 0 !important;
+}
+
+/* Local Nav (Sidebar Toggle) Fixes */
+.VPSidebarNav,
+.VPLocalNavOutlineDropdown {
+  background: transparent !important;
+}
+
+/* Ensure the toggle button is visible and colored correctly if needed */
+.VPLocalNav button.menu,
+.VPLocalNavOutlineDropdown button {
+  background: transparent;
+}
+
+.Layout:not(.layout-doc) .VPLocalNavOutlineDropdown,
+.Layout:not(.layout-doc) .VPLocalNav {
+  display: none;
+}
+
+.VPLocalNavOutlineDropdown ul li {
+  list-style: none;
+}
+
+/* Doc layout fixes */
+.Layout.layout-doc .content-container,
+.VPDocFooter {
+  background: transparent;
+}
+
+/* TOC */
+.table-of-contents ul {
+  display: block;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 0 0 0 40px !important;
+  margin: 0;
+}
+.table-of-contents ul li {
+  display: list-item;
+  list-style: disc !important;
+}
+.table-of-contents ul li a {
+  text-decoration: underline;
+  color: var(--primary);
+}