From 794fbe09c103b7ece40c3dec48e488fb74276c16 Mon Sep 17 00:00:00 2001 From: Matthew Stone Date: Mon, 18 Dec 2023 13:51:32 -0600 Subject: [PATCH] mobile nav fixes --- Gemfile.lock | 44 +++++++++--------- .../components/_component--header.scss | 2 +- .../components/_component--nav-sidebar.scss | 35 +++++++++++--- assets/.DS_Store | Bin 6148 -> 6148 bytes 4 files changed, 53 insertions(+), 28 deletions(-) diff --git a/Gemfile.lock b/Gemfile.lock index f3516b2..405f5ff 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -1,7 +1,7 @@ GEM remote: https://rubygems.org/ specs: - addressable (2.8.4) + addressable (2.8.6) public_suffix (>= 2.0.2, < 6.0) algolia_html_extractor (2.6.4) json (~> 2.0) @@ -9,22 +9,23 @@ GEM algoliasearch (1.27.5) httpclient (~> 2.8, >= 2.8.3) json (>= 1.5.1) + bump (0.10.0) colorator (1.1.0) concurrent-ruby (1.2.2) em-websocket (0.5.3) eventmachine (>= 0.12.9) http_parser.rb (~> 0) eventmachine (1.2.7) - ffi (1.15.5) - ffi (1.15.5-x64-mingw-ucrt) + ffi (1.16.3) + ffi (1.16.3-x64-mingw-ucrt) filesize (0.2.0) forwardable-extended (2.6.0) - google-protobuf (3.23.2-x64-mingw-ucrt) - google-protobuf (3.23.2-x86_64-darwin) - google-protobuf (3.23.2-x86_64-linux) + google-protobuf (3.25.1-x64-mingw-ucrt) + google-protobuf (3.25.1-x86_64-darwin) + google-protobuf (3.25.1-x86_64-linux) http_parser.rb (0.8.0) httpclient (2.8.3) - i18n (1.13.0) + i18n (1.14.1) concurrent-ruby (~> 1.0) jekyll (4.3.2) addressable (~> 2.4) @@ -69,9 +70,10 @@ GEM jekyll_basename_dirname (1.0.3) jekyll (>= 3.5.0) jekyll_plugin_logger - jekyll_plugin_logger (2.1.1) + jekyll_plugin_logger (2.1.2) + bump jekyll (>= 3.5.0) - json (2.6.3) + json (2.7.1) kramdown (2.4.0) rexml kramdown-parser-gfm (1.1.0) @@ -85,34 +87,34 @@ GEM jekyll (>= 3.5, < 5.0) jekyll-feed (~> 0.9) jekyll-seo-tag (~> 2.1) - nokogiri (1.15.3-x64-mingw-ucrt) + nokogiri (1.15.5-x64-mingw-ucrt) racc (~> 1.4) - nokogiri (1.15.3-x86_64-darwin) + nokogiri (1.15.5-x86_64-darwin) racc (~> 1.4) - nokogiri (1.15.3-x86_64-linux) + nokogiri (1.15.5-x86_64-linux) racc (~> 1.4) pathutil (0.16.2) forwardable-extended (~> 2.6) progressbar (1.13.0) - public_suffix (5.0.1) - racc (1.7.1) - rake (13.0.6) + public_suffix (5.0.4) + racc (1.7.3) + rake (13.1.0) rb-fsevent (0.11.2) rb-inotify (0.10.1) ffi (~> 1.0) - rexml (3.2.5) - rouge (4.1.1) + rexml (3.2.6) + rouge (4.2.0) safe_yaml (1.0.5) - sass-embedded (1.62.1) - google-protobuf (~> 3.21) - rake (>= 10.0.0) + sass-embedded (1.69.5) + google-protobuf (~> 3.23) + rake (>= 13.0.0) terminal-table (3.0.2) unicode-display_width (>= 1.1.1, < 3) tzinfo (2.0.6) concurrent-ruby (~> 1.0) tzinfo-data (1.2023.3) tzinfo (>= 1.0.0) - unicode-display_width (2.4.2) + unicode-display_width (2.5.0) verbal_expressions (0.1.5) wdm (0.1.1) webrick (1.8.1) diff --git a/_sass/template/components/_component--header.scss b/_sass/template/components/_component--header.scss index 8cfaed9..4100f43 100644 --- a/_sass/template/components/_component--header.scss +++ b/_sass/template/components/_component--header.scss @@ -321,7 +321,7 @@ .header-mobile { position: fixed; - z-index: 5000; + z-index: 50000; top: 0; width: 100vw; display: block; diff --git a/_sass/template/components/_component--nav-sidebar.scss b/_sass/template/components/_component--nav-sidebar.scss index 5a0c926..61c8594 100644 --- a/_sass/template/components/_component--nav-sidebar.scss +++ b/_sass/template/components/_component--nav-sidebar.scss @@ -6,19 +6,35 @@ */ .nav-sidebar { - grid-column: 1 / 3; - height: 0; + grid-column: 1 / -1; + height: auto; + position: relative; + z-index: 10000; + @include stack(sm); overflow: visible; + margin-top: -3rem; + @include respond-to(m){ + grid-column: 1 / 3; + height: 0; + margin-bottom: 0 !important; + margin-top: auto; + } hr { background-color: #DDE6E7; border: none; height: 1px; - margin-bottom: 6px; + margin-bottom: 4px; + @include respond-to(m){ + margin-bottom: 6px; + } } hr.top { - margin-bottom: 8px; + margin-bottom: 4px; + @include respond-to(m){ + margin-bottom: 8px; + } } ul, @@ -26,6 +42,10 @@ list-style: none; margin-left: 0; padding-left: 0; + @include typestyle($sans-xs-reg); + @include respond-to(m){ + @include typestyle($sans-sm-reg); + } } li h4 { @@ -33,13 +53,16 @@ } li a { - @include stack(xs); color: color(blue, XXX); text-decoration: none; display: inline-block; position: relative; width: 100%; - height: 100% + height: 100%; + padding-bottom: 6px; + @include respond-to(m){ + @include stack(xs); + } } li a.current { diff --git a/assets/.DS_Store b/assets/.DS_Store index 10f526f8e4dd7b7acd1ba2e1d98b71aa58834ebe..246b32ee3bbabfef3dc37ec675e1be4bf8a4a1d7 100644 GIT binary patch delta 53 zcmZoMXfc@J&&V_}zo{JeAq1_s8B8{OD9 Jvvd6A2LOu%4(9*> delta 28 icmZoMXfc@J&&W72z#2&O$ZR~~%s%mg%w~3uzx)7&#|f(d