diff options
author | Darius Lupsa <dariuslupsa@protonmail.com> | 2021-05-03 22:24:52 +0300 |
---|---|---|
committer | Bjørn Erik Pedersen <bjorn.erik.pedersen@gmail.com> | 2021-05-03 23:00:54 +0300 |
commit | dc46ebd30acd168b3e360595b465f1171b33bd8b (patch) | |
tree | 02491b24033a92007e2a1a07a4652dcb474fbb5a | |
parent | 45c2f58bb30c1dbbc561ce9b9acdc3ce50787148 (diff) |
repair menu position on mobile devices
When media screen is under 30rem, the menu and menu docs doesn't have padding on top and the top item from menu docs isn't visible
-rw-r--r-- | layouts/partials/nav-links-docs-mobile.html | 2 | ||||
-rw-r--r-- | layouts/partials/nav-links-global-mobile.html | 2 | ||||
-rw-r--r-- | layouts/partials/nav-mobile.html | 8 | ||||
-rw-r--r-- | layouts/partials/site-footer.html | 2 |
4 files changed, 7 insertions, 7 deletions
diff --git a/layouts/partials/nav-links-docs-mobile.html b/layouts/partials/nav-links-docs-mobile.html index ad9d535b..a8fc27e2 100644 --- a/layouts/partials/nav-links-docs-mobile.html +++ b/layouts/partials/nav-links-docs-mobile.html @@ -1,6 +1,6 @@ {{ $currentPage := . }} {{ $menu := .Site.Menus.docs.ByWeight }} -<ul class="list dib ph0 ma0 scrolling-touch tc"> +<ul class="list dib ph0 scrolling-touch tc"> {{ range $menu }}{{ $post := printf "%s" .Post }} <li class="tl dib ma0 hover-bg-black w-100{{ if eq $post "break" }} mb2 bb b--mid-gray{{ end }}"> <a href="{{.URL}}" class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4{{if $currentPage.IsMenuCurrent "main" . }} bg-primary-color{{end}}"> diff --git a/layouts/partials/nav-links-global-mobile.html b/layouts/partials/nav-links-global-mobile.html index 4a1631d9..6ad98923 100644 --- a/layouts/partials/nav-links-global-mobile.html +++ b/layouts/partials/nav-links-global-mobile.html @@ -1,6 +1,6 @@ {{ $currentPage := . }} {{ $menu := .Site.Menus.global }} -<ul class="list hidden dib ph0 ma0 scrolling-touch tc"> +<ul class="list hidden dib ph0 scrolling-touch tc"> {{ range $menu }} <li class="tl dib ma0 hover-bg-black w-100"> <a href="{{.URL}}" class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4{{if $currentPage.IsMenuCurrent "main" . }} bg-primary-color{{end}}"> diff --git a/layouts/partials/nav-mobile.html b/layouts/partials/nav-mobile.html index 00b1a691..b04866e5 100644 --- a/layouts/partials/nav-mobile.html +++ b/layouts/partials/nav-mobile.html @@ -1,12 +1,12 @@ -<div class="globalmenu mobilemenu pb3 dn"> +<div class="globalmenu mobilemenu pb1 dn"> {{ partial "nav-links-global-mobile.html" . }} </div> -<div class="docsmenu mobilemenu pb3 dn"> +<div class="docsmenu mobilemenu pb1 dn"> {{ partial "nav-links-docs-mobile.html" . }} </div> <div class="flex dn-l justify-between"> - <button class="js-toggle flex-auto dib dn-l f6 tc db mt4-ns ph3 pv2 link mr2 white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=".globalmenu">Menu</button> + <button class="js-toggle flex-auto dib dn-l f6 tc db ph3 pv2 link mr2 white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=".globalmenu">Menu</button> - <button class="js-toggle flex-auto dib dn-l f6 tc db mt4-ns ph3 pv2 link white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=".docsmenu">Docs Menu</button> + <button class="js-toggle flex-auto dib dn-l f6 tc db ph3 pv2 link white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=".docsmenu">Docs Menu</button> </div> diff --git a/layouts/partials/site-footer.html b/layouts/partials/site-footer.html index cff47678..e5418499 100644 --- a/layouts/partials/site-footer.html +++ b/layouts/partials/site-footer.html @@ -41,7 +41,7 @@ <img src="/images/gopher-side_color.svg" alt="" class="absolute-l bottom-0 dn db-l h4 right-0 z-999"/> - <div class="bg-primary-color-dark bottom-0 left-0 right-0 dn-l fixed pb3 ph3 w-100"> + <div class="bg-primary-color-dark bottom-0 left-0 right-0 dn-l fixed pb3 ph3 pt3 w-100"> {{- partial "nav-mobile.html" . -}} </div> |