iger
/
engelsystem
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

improve mobile nav button layout 

Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
This commit is contained in:
Michael Weimann 2021-03-26 16:42:41 +01:00 committed by Igor Scheller
parent c1a5a8d50b
commit ddcc9aee7a
2 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/assets/themes/base.less
View File

@ -442,4 +442,19 @@ span.ref-id[id] {
margin-top: 7px; margin-top: 7px;
} }
} }
.navbar-toggle {
align-items: center;
font-size: 18px;
display: flex;
height: 38px;
justify-content: center;
padding: 0;
transform: none;
width: 38px;
.icon-close {
padding: 0;
}
}
} }

14
resources/views/layouts/parts/navbar.twig
View File

@ -11,13 +11,13 @@
<div class="container-fluid"> <div class="container-fluid">
{% block navbar %} {% block navbar %}
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" <button type="button"
data-toggle="offcanvas" data-target="#navbar-offcanvas"> class="navbar-toggle collapsed"
<span class="sr-only">Toggle navigation</span> data-toggle="offcanvas"
<span class="icon icon-open">☰</span> data-target="#navbar-offcanvas"
<span class="icon icon-close">×</span> aria-label="Toggle navigation">
<span class="text-primary glyphicon glyphicon-menu-hamburger icon-open"></span>
<span class="text-primary glyphicon glyphicon-remove icon-close"></span>
</button> </button>
<a class="navbar-brand" href="{{ url('/') }}"> <a class="navbar-brand" href="{{ url('/') }}">
<span class="icon-icon_angel"></span> <span class="icon-icon_angel"></span>