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;
}
}
.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">
{% block navbar %}
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed"
data-toggle="offcanvas" data-target="#navbar-offcanvas">
<span class="sr-only">Toggle navigation</span>
<span class="icon icon-open">☰</span>
<span class="icon icon-close">×</span>
<button type="button"
class="navbar-toggle collapsed"
data-toggle="offcanvas"
data-target="#navbar-offcanvas"
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>
<a class="navbar-brand" href="{{ url('/') }}">
<span class="icon-icon_angel"></span>