From 86bb219f946b1e18c17910c9e23a757782694e60 Mon Sep 17 00:00:00 2001 From: Felix Hennig Date: Thu, 27 Apr 2023 12:07:21 +0200 Subject: [PATCH 1/5] first chagnes --- src/css/page-versions.css | 18 +++++++++++++++--- src/css/vars.css | 5 +++-- src/img/chevron.svg | 2 +- src/partials/header-content.hbs | 17 ++++++++++++++--- src/partials/nav-menu.hbs | 12 ------------ 5 files changed, 33 insertions(+), 21 deletions(-) diff --git a/src/css/page-versions.css b/src/css/page-versions.css index 5658aae..da09d53 100644 --- a/src/css/page-versions.css +++ b/src/css/page-versions.css @@ -11,16 +11,23 @@ } .page-versions .version-menu-toggle { - color: inherit; + color: var(--color-white); background: url(../img/chevron.svg) no-repeat; background-position: right 0.5rem top 50%; background-size: auto 0.75em; border: none; outline: none; line-height: inherit; - padding: 0.5rem 1.5rem 0.5rem 0.5rem; + padding: 7px 1.5rem 7px 30px; position: relative; - z-index: var(--z-index-page-version-menu); + z-index: var(--z-index-page-version-menu-button); + font-size: 16px; + opacity: 0.8; +} + +.page-versions .version-menu-toggle:hover { + opacity: 1; + text-decoration: none; } .page-versions .version-menu { @@ -34,6 +41,9 @@ top: 0; right: 0; white-space: nowrap; + z-index: var(--z-index-page-version-menu); + color: var(--color-white); + font-size: 16px; } .page-versions:not(.is-active) .version-menu { @@ -41,11 +51,13 @@ } .page-versions .version { + color: var(--color-white); display: block; padding-top: 0.5rem; } .page-versions .version.is-current { + color: var(--color-white); display: none; } diff --git a/src/css/vars.css b/src/css/vars.css index 41c65bf..1d6d6ed 100644 --- a/src/css/vars.css +++ b/src/css/vars.css @@ -58,7 +58,7 @@ --toolbar-border-color: var(--panel-border-color); --toolbar-font-color: var(--color-jet-30); --toolbar-muted-color: var(--color-gray-30); - --page-version-menu-background: var(--color-smoke-70); + --page-version-menu-background: var(--color-jet-70); --page-version-missing-font-color: var(--color-gray-30); /* admonitions */ --caution-color: #a0439c; @@ -140,5 +140,6 @@ --z-index-nav: 1; --z-index-toolbar: 2; --z-index-page-version-menu: 3; - --z-index-navbar: 4; + --z-index-page-version-menu-button: 4; + --z-index-navbar: 5; } diff --git a/src/img/chevron.svg b/src/img/chevron.svg index 836c90f..f1bfde9 100644 --- a/src/img/chevron.svg +++ b/src/img/chevron.svg @@ -53,7 +53,7 @@ id="layer1" transform="translate(0,-1022.3622)"> Contact Us - + From d0477505075df87c13aeebce6664eeb14816c5b5 Mon Sep 17 00:00:00 2001 From: Felix Hennig Date: Thu, 27 Apr 2023 14:42:38 +0200 Subject: [PATCH 2/5] made mobile work --- src/css/base.css | 9 ++++++ src/css/header.css | 2 +- src/partials/header-content.hbs | 54 ++++++++++++++++++--------------- 3 files changed, 39 insertions(+), 26 deletions(-) diff --git a/src/css/base.css b/src/css/base.css index e4823bf..55c8737 100644 --- a/src/css/base.css +++ b/src/css/base.css @@ -125,3 +125,12 @@ body ::-webkit-scrollbar-thumb { max-width: 1280px; margin: 0 auto; } + +.container2 { + display: flex; + margin: 0 0; +} + +.space-between { + justify-content: space-between; +} diff --git a/src/css/header.css b/src/css/header.css index 2044138..3adb52e 100644 --- a/src/css/header.css +++ b/src/css/header.css @@ -283,7 +283,7 @@ body { transition: max-height 0.2s ease, padding 0.2s ease; } - .navbar-sub .container { + .navbar-sub .container2 { flex-direction: column; } diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs index ff54c3e..158cbaa 100644 --- a/src/partials/header-content.hbs +++ b/src/partials/header-content.hbs @@ -23,33 +23,37 @@ From 184e5c68d909cf68291883f8a2c569ac13b97160 Mon Sep 17 00:00:00 2001 From: Felix Hennig Date: Tue, 2 May 2023 09:59:22 +0200 Subject: [PATCH 3/5] some cleanup --- src/css/base.css | 15 ++++++++++++--- src/css/header.css | 4 ---- src/partials/header-content.hbs | 6 +++--- 3 files changed, 15 insertions(+), 10 deletions(-) diff --git a/src/css/base.css b/src/css/base.css index 55c8737..8d089e5 100644 --- a/src/css/base.css +++ b/src/css/base.css @@ -126,11 +126,20 @@ body ::-webkit-scrollbar-thumb { margin: 0 auto; } -.container2 { +/** pseudo-tailwind classes */ + +.flex { display: flex; - margin: 0 0; } -.space-between { +.flex-col { + flex-direction: column; +} + +.m-0 { + margin: 0px; +} + +.justify-between { justify-content: space-between; } diff --git a/src/css/header.css b/src/css/header.css index 3adb52e..fc9847a 100644 --- a/src/css/header.css +++ b/src/css/header.css @@ -283,10 +283,6 @@ body { transition: max-height 0.2s ease, padding 0.2s ease; } - .navbar-sub .container2 { - flex-direction: column; - } - .navbar-sub .drop-down-content { display: inherit; position: inherit; diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs index 158cbaa..b317bc3 100644 --- a/src/partials/header-content.hbs +++ b/src/partials/header-content.hbs @@ -23,8 +23,8 @@ + From f0a16690792cfa9577568abd469b103185b22456 Mon Sep 17 00:00:00 2001 From: Felix Hennig Date: Tue, 2 May 2023 10:13:48 +0200 Subject: [PATCH 5/5] cleanup --- src/css/base.css | 2 +- src/css/header.css | 4 ++++ src/partials/header-content.hbs | 24 +++++++++++------------- 3 files changed, 16 insertions(+), 14 deletions(-) diff --git a/src/css/base.css b/src/css/base.css index 8d089e5..d694722 100644 --- a/src/css/base.css +++ b/src/css/base.css @@ -137,7 +137,7 @@ body ::-webkit-scrollbar-thumb { } .m-0 { - margin: 0px; + margin: 0; } .justify-between { diff --git a/src/css/header.css b/src/css/header.css index fc9847a..f9588e2 100644 --- a/src/css/header.css +++ b/src/css/header.css @@ -283,6 +283,10 @@ body { transition: max-height 0.2s ease, padding 0.2s ease; } + .navbar-sub .navlinks { + flex-direction: column; + } + .navbar-sub .drop-down-content { display: inherit; position: inherit; diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs index 0cf41a4..b40c124 100644 --- a/src/partials/header-content.hbs +++ b/src/partials/header-content.hbs @@ -24,7 +24,7 @@