Skip to content

css: display main menu on mobile only #23147

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
ArthurFlag merged 1 commit into from
Jul 24, 2025
Merged

css: display main menu on mobile only #23147

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
6 changes: 3 additions & 3 deletions layouts/partials/sidebar/mainnav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
*/
-}}
<!-- Main navigation for the sidebar -->
<div class="px-4 py-2" x-data="{ expanded: false }">
<div class="px-2 py-4 md:hidden text-gray-700 dark:text-gray-200 card " x-data="{ expanded: false }">
<div class="flex w-full items-center justify-between">
<!-- Current section: use menu, fall back to current section or page -->
{{- $curr := .FirstSection }}
Expand All @@ -31,7 +31,7 @@
</a>
<button
@click="expanded = !expanded"
class="rounded-sm hover:bg-gray-300 hover:dark:bg-gray-300"
class="rounded-sm hover:bg-gray-200 hover:dark:bg-gray-800"
>
<span x-show="! expanded" class="icon-svg">
{{ partialCached "icon" "arrow_drop_down" "arrow_drop_down" }}
Expand All @@ -58,4 +58,4 @@
{{ end }}
</ul>
</div>
<hr class="m-2 text-gray-200 dark:text-gray-500" />

5 changes: 1 addition & 4 deletions layouts/partials/sidebar/sections.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,7 @@
*/
-}}
<!-- section tree -->
<nav class="navbar-font flex flex-col">
<div class="block py-4 text-gray-200 md:hidden dark:text-gray-200">
This section
</div>
<nav class="navbar-font flex flex-col mt-1 mx-1">
<ul>
{{ template "renderChildren" .FirstSection }}
</ul>
Expand Down