From 33c4c87eedd08e136f427273bffea13ddf3d8613 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Sun, 7 Mar 2021 00:07:26 +0100 Subject: Add more contrast to navigation elements on index page --- stylesheets/commun.css | 9 +++++---- stylesheets/index.css | 8 ++++++++ 2 files changed, 13 insertions(+), 4 deletions(-) diff --git a/stylesheets/commun.css b/stylesheets/commun.css index d9fe362..3b17db1 100644 --- a/stylesheets/commun.css +++ b/stylesheets/commun.css @@ -117,7 +117,7 @@ footer.legal { min-height: 100vh; display: grid; - grid-template-columns: 2fr 1fr 4fr 1fr auto; + grid-template-columns: 2fr 1fr 5fr 1fr auto; grid-template-rows: auto 1fr auto; } @@ -130,7 +130,7 @@ footer.legal { } header.menu { - grid-column: 3 / -2; + grid-column: 3; display: grid; grid-template-columns: 3fr 1fr; } @@ -163,7 +163,7 @@ footer.legal { @media (min-width: 80em) { nav > ol { - grid-template-columns: repeat(auto-fill, minmax(8em, 1fr)); + grid-template-columns: repeat(4, minmax(8em, 1fr)); } } @@ -214,7 +214,7 @@ footer.legal { footer.social { grid-row: 1 / -2; grid-column: 5; - padding: var(--menu-top-margin) 1em 0; + margin: var(--menu-top-margin) 1em 0; } footer.social a { @@ -234,6 +234,7 @@ footer.legal { transform: rotate(180deg); padding: 1rem 0.5rem; margin: 0; /* Compensate padding. */ + margin-bottom: 0.5em; } } diff --git a/stylesheets/index.css b/stylesheets/index.css index 74ba8b7..66abda2 100644 --- a/stylesheets/index.css +++ b/stylesheets/index.css @@ -70,3 +70,11 @@ a#next-concert:hover { top: 10%; } } + +@media (min-width: 40em) { + header.menu > nav, + footer.social { + background: #0004; + margin-bottom: auto; + } +} -- cgit v1.2.3 From 24931f4768cde29a18f5a6b1d7ac4f8f7936f601 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Mon, 8 Mar 2021 00:02:02 +0100 Subject: Make dropdown menu background consistent with rest of nav --- stylesheets/index.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/stylesheets/index.css b/stylesheets/index.css index 66abda2..7628bd0 100644 --- a/stylesheets/index.css +++ b/stylesheets/index.css @@ -77,4 +77,8 @@ a#next-concert:hover { background: #0004; margin-bottom: auto; } + + nav li.dropdown ul { + background: #0004; + } } -- cgit v1.2.3 From 667cf4668b0df22af4939fa34909a13a764b3180 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Mon, 8 Mar 2021 00:06:04 +0100 Subject: Tweak nav spacing --- stylesheets/commun.css | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/stylesheets/commun.css b/stylesheets/commun.css index 3b17db1..bf120d9 100644 --- a/stylesheets/commun.css +++ b/stylesheets/commun.css @@ -117,7 +117,7 @@ footer.legal { min-height: 100vh; display: grid; - grid-template-columns: 2fr 1fr 5fr 1fr auto; + grid-template-columns: 2fr 1fr 4fr 1fr auto; grid-template-rows: auto 1fr auto; } @@ -131,12 +131,9 @@ footer.legal { header.menu { grid-column: 3; - display: grid; - grid-template-columns: 3fr 1fr; } header.menu nav { - grid-column: 1; margin-top: var(--menu-top-margin); } -- cgit v1.2.3 From 714be24b51e92d4c22aaae472a77795441673667 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Mon, 8 Mar 2021 00:09:59 +0100 Subject: Tweak nav spacing (2/n) --- stylesheets/commun.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stylesheets/commun.css b/stylesheets/commun.css index bf120d9..3f69310 100644 --- a/stylesheets/commun.css +++ b/stylesheets/commun.css @@ -117,7 +117,7 @@ footer.legal { min-height: 100vh; display: grid; - grid-template-columns: 2fr 1fr 4fr 1fr auto; + grid-template-columns: 2fr 1fr 4fr 2fr auto; grid-template-rows: auto 1fr auto; } -- cgit v1.2.3 From 6e152805bf250a60b4a38e61df80df34100f75bb Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Mon, 8 Mar 2021 19:21:43 +0100 Subject: Remove background on sidebar --- stylesheets/commun.css | 1 - stylesheets/index.css | 4 +--- 2 files changed, 1 insertion(+), 4 deletions(-) diff --git a/stylesheets/commun.css b/stylesheets/commun.css index 3f69310..0a88fab 100644 --- a/stylesheets/commun.css +++ b/stylesheets/commun.css @@ -231,7 +231,6 @@ footer.legal { transform: rotate(180deg); padding: 1rem 0.5rem; margin: 0; /* Compensate padding. */ - margin-bottom: 0.5em; } } diff --git a/stylesheets/index.css b/stylesheets/index.css index 7628bd0..8e6f167 100644 --- a/stylesheets/index.css +++ b/stylesheets/index.css @@ -72,10 +72,8 @@ a#next-concert:hover { } @media (min-width: 40em) { - header.menu > nav, - footer.social { + header.menu > nav { background: #0004; - margin-bottom: auto; } nav li.dropdown ul { -- cgit v1.2.3