From 5f846d1fb56f0f7f2b76fa9c0ea3fcc56fa84a5a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Darius=20Lup=C8=99a?= <dev@dariuslupsa.ro>
Date: Sat, 7 Aug 2021 11:56:20 +0300
Subject: [PATCH] bugfix: Fix scrooling on mobile docs menu

Fixes #69
---
 layouts/partials/nav-links-docs-mobile.html | 2 +-
 layouts/partials/nav-mobile.html            | 6 +++---
 layouts/partials/site-footer.html           | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/layouts/partials/nav-links-docs-mobile.html b/layouts/partials/nav-links-docs-mobile.html
index a8fc27e2..58054f28 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 scrolling-touch tc">
+<ul class="bg-primary-color-dark list dib ph0 scrolling-touch tc fixed overflow-scroll top-0 right-0 bottom-0 left-0 pt3 pb4 mt0">
   {{ 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-mobile.html b/layouts/partials/nav-mobile.html
index b04866e5..4651674e 100644
--- a/layouts/partials/nav-mobile.html
+++ b/layouts/partials/nav-mobile.html
@@ -1,11 +1,11 @@
-<div  class="globalmenu mobilemenu pb1 dn">
+<div  class="globalmenu mobilemenu pb3 dn">
     {{ partial "nav-links-global-mobile.html" . }}
 </div>
-<div  class="docsmenu mobilemenu pb1 dn">
+<div  class="docsmenu mobilemenu pb3 dn">
     {{ partial "nav-links-docs-mobile.html" . }}
 </div>
 
-<div class="flex dn-l justify-between">
+<div class="flex dn-l justify-between fixed bottom-0 right-0 w-100">
   <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 ph3 pv2 link white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=".docsmenu">Docs Menu</button>
diff --git a/layouts/partials/site-footer.html b/layouts/partials/site-footer.html
index e5418499..f4494ce8 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 pt3 w-100">
+    <div class="bg-primary-color-dark bottom-0 left-0 right-0 dn-l fixed w-100">
       {{- partial "nav-mobile.html" . -}}
     </div>