From 6f6ad90a1f2543fcfb34137fe547325bbb35bf11 Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Fri, 2 Dec 2022 15:42:02 +0100
Subject: [PATCH] menu mobile
---
assets/sass/_theme/_configuration.sass | 2 +-
assets/sass/_theme/design-system/nav.sass | 25 +++++++++++--------
.../sass/_theme/sections/organizations.sass | 1 +
3 files changed, 17 insertions(+), 11 deletions(-)
diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 272e792e..ceeef804 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -98,7 +98,7 @@ $signature-weight: $heading-font-weight !default
// Meta
$meta-font-family: $heading-font-family !default
-$meta-size-md: px2rem(18)
+$meta-size-md: px2rem(16)
$meta-size: px2rem(14)
$meta-line-height: 150% !default
$meta-weight: $heading-font-weight !default
diff --git a/assets/sass/_theme/design-system/nav.sass b/assets/sass/_theme/design-system/nav.sass
index 1288934f..66e4e4d5 100644
--- a/assets/sass/_theme/design-system/nav.sass
+++ b/assets/sass/_theme/design-system/nav.sass
@@ -63,6 +63,7 @@
display: flex
> li
> a, span
+ @include meta
display: block
padding: calc(#{$spacing0} * 0.5) $spacing0
&:last-child
@@ -79,16 +80,16 @@
> li
> a,
> span
- font-size: px2rem(16)
- line-height: px2rem(26)
- @include media-breakpoint-up(lg)
- font-size: px2rem(18)
+ @include signature
+ + li.has-children
+ margin-top: $spacing1
.nav-level-3
display: block
+ padding-top: half($spacing0)
a,
span
- font-size: px2rem(14)
+ @include meta
@include media-breakpoint-up(md)
@if $header-dropdown-full
@@ -103,16 +104,16 @@
.dropdown-menu
margin-top: $header-nav-padding-y
min-width: 400px
- padding-bottom: calc(#{$spacing0}/2)
+ padding-bottom: half($spacing0)
padding-left: $spacing0
- padding-top: calc(#{$spacing0}/2)
+ padding-top: half($spacing0)
padding-right: $spacing0
right: 0
text-align: right
.nav-level-2
> li > a
- padding-bottom: calc(#{$spacing0}/2)
- padding-top: calc(#{$spacing0}/2)
+ padding-bottom: half($spacing0)
+ padding-top: half($spacing0)
display: block
@include media-breakpoint-down(md)
@@ -124,9 +125,13 @@
display: block
li
a, span
- padding: 1rem 0
+ padding: half($spacing1) 0
+ display: block
> li:not(:last-child)
border-bottom: 1px solid #adb5bd
+ > a, > span
+ padding-bottom: $spacing1
+ padding-top: $spacing1
li.has-children
[role="button"]
align-items: center
diff --git a/assets/sass/_theme/sections/organizations.sass b/assets/sass/_theme/sections/organizations.sass
index 064c62f5..22289ddf 100644
--- a/assets/sass/_theme/sections/organizations.sass
+++ b/assets/sass/_theme/sections/organizations.sass
@@ -18,6 +18,7 @@
object-position: center
.organizations
+ max-width: 100%
@include grid(2)
@include grid(3, md)
@include grid(4, lg)
--
GitLab