webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-30 04:23:11 +03:00
Code Activity

Header: Fixed mobile menu falling out of header

Browse Source 
Changed button to be within-DOM rather than absolute positioned.
Also improves RTL handling by showing menu on the right side.

Fixes #4841
This commit is contained in:
Dan Brown
2024-02-13 14:00:34 +00:00
parent ff8daad22b
commit 12daa1c2b9
2 changed files with 9 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
resources/views/layouts/parts/header.blade.php
View File

@ -1,11 +1,13 @@
<header id="header" component="header-mobile-toggle" class="primary-background px-xl grid print-hidden">
<div>
<div class="flex-container-row justify-space-between gap-s items-center">
@include('layouts.parts.header-logo')
<button type="button"
refs="header-mobile-toggle@toggle"
title="{{ trans('common.header_menu_expand') }}"
aria-expanded="false"
class="mobile-menu-toggle hide-over-l">@icon('more')</button>
<div class="hide-over-l py-s">
<button type="button"
refs="header-mobile-toggle@toggle"
title="{{ trans('common.header_menu_expand') }}"
aria-expanded="false"
class="mobile-menu-toggle">@icon('more')</button>
</div>
</div>
<div class="flex-container-column items-center justify-center hide-under-l">