Skip to content

Hamburger LR config #128

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
sec-ml merged 8 commits into from
Aug 30, 2026
+9 −8
Merged

Hamburger LR config #128

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
e18b745
Fix logo overlapping with hamburger icon
sec-ml Aug 29, 2026
955f5f4
Hamburger menu icon positioning
sec-ml Aug 29, 2026
44ef072
Slight reversion
sec-ml Aug 30, 2026
8950081
Slight reversion
sec-ml Aug 30, 2026
95ac859
Change break type
sec-ml Aug 30, 2026
a3ef35d
Fix incorrect variable name
sec-ml Aug 30, 2026
ad7f991
U Turn complete!
sec-ml Aug 30, 2026
a09bb56
Update config.example.js
sec-ml Aug 30, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/components/Header.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,15 +20,15 @@ if (typeof CONFIG.DESCRIPTION_SIDEBAR === "undefined") {

<button
id="hamburger"
class="nought-stroke cursor-pointer rounded-field md:hidden absolute left-6 top-5 z-51 shadow-[4px_4px_0px_0px] hover:shadow-[0px_0px_0px_0px] px-2 pb-[6px] pt-[2px] border-2 text-2xl font-bold bg-base-100 text-base-content border-base-content shadow-base-content transition-shadow duration-300 ease-in-out"
class="nought-stroke cursor-pointer rounded-field md:hidden absolute right-6 top-5 z-51 shadow-[4px_4px_0px_0px] hover:shadow-[0px_0px_0px_0px] px-2 pb-[6px] pt-[2px] border-2 text-2xl font-bold bg-base-100 text-base-content border-base-content shadow-base-content transition-shadow duration-300 ease-in-out"
>
&#9776;
</button>
<nav
id="sidebar"
class="z-50 bg-base-300 fixed top-0 left-0 w-64 h-full text-white pt-5 overflow-y-auto transform transition-transform duration-300 ease-in-out -translate-x-full md:translate-x-0"
>
<div class="flex flex-row justify-center items-center">
<div class="flex flex-row justify-center items-center px-3">
<Logo sidebar={true} />
</div>

Expand Down
9 changes: 5 additions & 4 deletions src/components/Logo.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,16 +29,17 @@ if (sidebar) {
logo_id = "logoSidebar";
} else {
logo_classes = " " + logo_post_override;
wrapper_classes =
"transition-opacity duration-1000 text-center w-64 md:hidden pt-5 md:pt-0";
// This PR has turned into a full existential crisis on how to support logos of varying lengths...
// Hamburger menu is now right only. Logo is left aligned when menu drawer is closed, and centered in menu drawer when open.
wrapper_classes = "transition-opacity duration-1000 flex justify-start w-64 md:hidden pt-5 md:pt-0 pl-6";
logo_id = "logoMain";
}
---

<div id={logo_id} class={`${wrapper_classes} `}>
<a href="/"
<a href="/" class="min-w-0 max-w-full"
><button
class={`nought-stroke cursor-pointer text-center shadow-[4px_4px_0px_0px] hover:shadow-[0px_0px_0px_0px] px-2 py-1 border-2 rounded-field text-2xl font-bold bg-base-100 text-base-content border-base-content shadow-base-content transition-shadow duration-300 ease-in-out ${logo_all_override} ${logo_classes}`}
class={`nought-stroke cursor-pointer text-center shadow-[4px_4px_0px_0px] hover:shadow-[0px_0px_0px_0px] px-2 py-1 border-2 rounded-field text-2xl font-bold bg-base-100 text-base-content border-base-content shadow-base-content transition-shadow duration-300 ease-in-out max-w-full wrap-anywhere whitespace-normal ${logo_all_override} ${logo_classes}`}
><Fragment set:html={logo_text} /></button
>
</a>
Expand Down
4 changes: 2 additions & 2 deletions src/config/config.example.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ export const CONFIG = {

TITLE: "Nought",
LOGO_TEXT: "nought.", // IF DIFFERENT FROM TITLE
DESCRIPTION: "An Astro 5 starter with Tailwind CSS",
DESCRIPTION: "An Astro 7 starter with Tailwind CSS",
DEFAULT_AUTHOR: "ml",
POSTS_DIR: "src/dummy_posts", // RELATIVE TO PROJECT DIRECTORY, OR ABSOLUTE PATH
TAG_PAGES_DIR: "src/dummy_tag-pages", // RELATIVE TO PROJECT DIRECTORY, OR ABSOLUTE PATH. For custom content on tag page, i.e. /tags/<tag-name>
Expand Down Expand Up @@ -156,7 +156,7 @@ export const CONFIG = {

LOGO_ALL_OVERRIDE: "",
LOGO_SIDEBAR_OVERRIDE: "",
LOGO_BODY_OVERRIDE: "",
LOGO_POST_OVERRIDE: "",

// TABLE OF CONTENTS //

Expand Down