From d0f1e3a5b96b390dca518860c68ca06005d7a936 Mon Sep 17 00:00:00 2001 From: Rieley Date: Wed, 10 Jun 2026 14:13:53 -0400 Subject: [PATCH 1/4] Refactored mobile hamburger menu to have all the options as the desktop site. --- assets/scss/components/_navbar.scss | 52 +++++++++++++++++++++++++++-- layouts/partials/navbar_temp.html | 45 ++++++++++++++++++++----- 2 files changed, 87 insertions(+), 10 deletions(-) diff --git a/assets/scss/components/_navbar.scss b/assets/scss/components/_navbar.scss index 5b296f0bbd..0a202e4073 100644 --- a/assets/scss/components/_navbar.scss +++ b/assets/scss/components/_navbar.scss @@ -514,7 +514,7 @@ $navNumOfItemBlocks: 4; .header .menu-btn:checked ~ .menu { // if adding list items from menu, update below - max-height: 600px; + max-height: 1400px; } .header .menu-btn:checked ~ .menu-icon .navicon { @@ -552,6 +552,54 @@ $navNumOfItemBlocks: 4; } } +// Mobile dropdown styles +.header details { + summary { + display: block; + padding: 20px 20px; + cursor: pointer; + list-style: none; + text-transform: uppercase; + text-decoration: none; + + &::-webkit-details-marker { + display: none; + } + + &::after { + content: "▾"; + float: right; + } + } + + &[open] summary::after { + content: "▴"; + } + + &:hover > summary, + summary:hover { + background-color: #c40729; + color: white; + } +} + +.mobile-submenu { + list-style: none; + padding: 0; + margin: 0; + background: #f0f0f0; + + li a { + padding: 14px 20px 14px 36px; + font-size: 0.9rem; + + &:hover { + background-color: #c40729; + color: white; + } + } +} + @media only screen and (min-width: 1050px) { .navbar-items { display: flex; @@ -568,4 +616,4 @@ $navNumOfItemBlocks: 4; .header { display: none; } -} +} \ No newline at end of file diff --git a/layouts/partials/navbar_temp.html b/layouts/partials/navbar_temp.html index 3d064d5f29..b80b96dbca 100644 --- a/layouts/partials/navbar_temp.html +++ b/layouts/partials/navbar_temp.html @@ -86,19 +86,48 @@ From 66cdde8998c4f727e8e5e6c92bfa7d6502a1ed3d Mon Sep 17 00:00:00 2001 From: Rieley Date: Wed, 10 Jun 2026 14:18:37 -0400 Subject: [PATCH 2/4] wow --- assets/scss/components/_navbar.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/scss/components/_navbar.scss b/assets/scss/components/_navbar.scss index 0a202e4073..d85fad370b 100644 --- a/assets/scss/components/_navbar.scss +++ b/assets/scss/components/_navbar.scss @@ -616,4 +616,4 @@ $navNumOfItemBlocks: 4; .header { display: none; } -} \ No newline at end of file +} From 71809efe3f3067abaf7abb3a8b09c2a771bd619a Mon Sep 17 00:00:00 2001 From: Rieley Date: Fri, 12 Jun 2026 14:14:57 -0400 Subject: [PATCH 3/4] Changed chevron icon and fixed links directly on mobile navbar --- assets/scss/components/_navbar.scss | 52 ++++++++++------- layouts/partials/navbar_temp.html | 88 ++++++++++++++++------------- 2 files changed, 82 insertions(+), 58 deletions(-) diff --git a/assets/scss/components/_navbar.scss b/assets/scss/components/_navbar.scss index d85fad370b..f009a474db 100644 --- a/assets/scss/components/_navbar.scss +++ b/assets/scss/components/_navbar.scss @@ -553,33 +553,38 @@ $navNumOfItemBlocks: 4; } // Mobile dropdown styles -.header details { - summary { - display: block; - padding: 20px 20px; - cursor: pointer; - list-style: none; +.mobile-dropdown-header { + display: flex; + align-items: center; + + a { + flex: 1; text-transform: uppercase; - text-decoration: none; + } - &::-webkit-details-marker { - display: none; - } + .mobile-dropdown-toggle { + background: none; + border: none; + cursor: pointer; + padding: 20px; + color: inherit; + font-size: 0.9rem; + line-height: 1; - &::after { - content: "▾"; - float: right; + .fa-chevron-down { + transition: transform 0.2s ease-out; } - } - &[open] summary::after { - content: "▴"; + &:hover { + background-color: #c40729; + color: white; + } } +} - &:hover > summary, - summary:hover { - background-color: #c40729; - color: white; +.mobile-dropdown { + &.open .fa-chevron-down { + transform: rotate(180deg); } } @@ -588,6 +593,9 @@ $navNumOfItemBlocks: 4; padding: 0; margin: 0; background: #f0f0f0; + max-height: 0; + overflow: hidden; + transition: max-height 0.2s ease-out; li a { padding: 14px 20px 14px 36px; @@ -600,6 +608,10 @@ $navNumOfItemBlocks: 4; } } +.mobile-dropdown.open .mobile-submenu { + max-height: 500px; +} + @media only screen and (min-width: 1050px) { .navbar-items { display: flex; diff --git a/layouts/partials/navbar_temp.html b/layouts/partials/navbar_temp.html index b80b96dbca..f59d3d055a 100644 --- a/layouts/partials/navbar_temp.html +++ b/layouts/partials/navbar_temp.html @@ -86,49 +86,61 @@ + + From ec33597bcb2f83bf39b7b0a4bb0da0472f7bade9 Mon Sep 17 00:00:00 2001 From: Rieley Date: Fri, 12 Jun 2026 14:51:22 -0400 Subject: [PATCH 4/4] prettier! --- layouts/partials/navbar_temp.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/layouts/partials/navbar_temp.html b/layouts/partials/navbar_temp.html index f59d3d055a..9d6fe00338 100644 --- a/layouts/partials/navbar_temp.html +++ b/layouts/partials/navbar_temp.html @@ -138,9 +138,9 @@