From 475d57be055095515c0d34507b6dfb9b9e0af852 Mon Sep 17 00:00:00 2001 From: razlandau Date: Mon, 16 Dec 2024 18:34:15 +0200 Subject: [PATCH 1/5] init --- src/css/extensions/algolia/overrides.css | 6 ++++++ src/css/extensions/custom-dark.css | 2 +- src/css/extensions/custom-light.css | 2 +- src/css/extensions/custom.css | 1 - src/css/extensions/dark-vars.css | 2 +- src/css/header.css | 1 + src/css/nav.css | 4 ++-- src/partials/header-content.hbs | 20 +++++++++++++++++++- src/partials/header.hbs | 2 +- src/partials/toc.hbs | 1 + 10 files changed, 33 insertions(+), 8 deletions(-) diff --git a/src/css/extensions/algolia/overrides.css b/src/css/extensions/algolia/overrides.css index a2bd7b1..636bfa0 100644 --- a/src/css/extensions/algolia/overrides.css +++ b/src/css/extensions/algolia/overrides.css @@ -331,4 +331,10 @@ width: min(484px, 50%); } } + +@media screen and (max-width: 680px) { + .autocomplete-root { + display: none; + } +} \ No newline at end of file diff --git a/src/css/extensions/custom-dark.css b/src/css/extensions/custom-dark.css index 2b98f1c..3514e83 100644 --- a/src/css/extensions/custom-dark.css +++ b/src/css/extensions/custom-dark.css @@ -73,7 +73,7 @@ .theme-toggle:hover { /* background-image: url(../img/moon-filled.svg); fill: var(--color-athens-white); */ - background-color: rgb(37, 45, 59); + /* background-color: rgb(37, 45, 59); */ } .nav-toggle { diff --git a/src/css/extensions/custom-light.css b/src/css/extensions/custom-light.css index 91342de..b36d846 100644 --- a/src/css/extensions/custom-light.css +++ b/src/css/extensions/custom-light.css @@ -66,7 +66,7 @@ .theme-toggle:hover { /* background-image: url(../img/moon-filled.svg); */ - background-color: #f3f8fb; + /* background-color: #f3f8fb; */ } .nav-toggle { diff --git a/src/css/extensions/custom.css b/src/css/extensions/custom.css index bb28f09..cff0f26 100644 --- a/src/css/extensions/custom.css +++ b/src/css/extensions/custom.css @@ -367,7 +367,6 @@ footer.footer { .footer_icon { display: flex; - padding: 0 0 0 1.5rem; height: 1.25rem; background-size: 1.25rem; background-repeat: no-repeat; diff --git a/src/css/extensions/dark-vars.css b/src/css/extensions/dark-vars.css index 74d326a..29e9012 100644 --- a/src/css/extensions/dark-vars.css +++ b/src/css/extensions/dark-vars.css @@ -48,7 +48,7 @@ --footer-background: #0b0b0b; --footer-font-color: var(--color-gray-60); --footer-link-font-color: var(--color-gray-60); - --footer-icon-color: var(--color-silver-gray); + --footer-icon-color: var(--color-athens-white); /* doc body */ --doc-font-color: var(--color-silver-gray); --doc-link-color: #AFCAFF; diff --git a/src/css/header.css b/src/css/header.css index 9c35442..bdbb405 100644 --- a/src/css/header.css +++ b/src/css/header.css @@ -15,6 +15,7 @@ body { top: 0; width: 100%; z-index: var(--z-index-navbar); + border-bottom: 1px solid var(--divider-line-color); } .navbar a { diff --git a/src/css/nav.css b/src/css/nav.css index 146c580..e8968a5 100644 --- a/src/css/nav.css +++ b/src/css/nav.css @@ -66,10 +66,10 @@ @media screen and (min-width: 1024px) { .nav { - top: calc(var(--navbar-height) + var(--toolbar-height)); + top: calc(var(--navbar-height)); box-shadow: none; position: sticky; - height: calc(var(--nav-height--desktop)); + height: 100vh; } .nav-panel-menu { overflow-y: auto; diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs index 0163fcc..07fd178 100644 --- a/src/partials/header-content.hbs +++ b/src/partials/header-content.hbs @@ -27,7 +27,25 @@