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

fix mobile safari menu layout 

Add extra bottom margin because mobile Safari displays a bottom bar hiding parts of the menu.

Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
This commit is contained in:
Michael Weimann 2021-03-26 16:01:38 +01:00 committed by Igor Scheller
parent 5102f88a7f
commit c1a5a8d50b
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -411,6 +411,8 @@ span.ref-id[id] {
max-height: unset; max-height: unset;
left: 101%; left: 101%;
top: @navbar-height + 1; top: @navbar-height + 1;
// extra padding because mobile Safari displays a bottom bar hiding parts of the menu
padding-bottom: 75px;
transition: left .3s ease-in-out; transition: left .3s ease-in-out;
-webkit-transition: left .3s ease-in-out; -webkit-transition: left .3s ease-in-out;
@ -434,6 +436,7 @@ span.ref-id[id] {
.nav > li.active { .nav > li.active {
display: none; display: none;
} }
.caret { .caret {
float: right; float: right;
margin-top: 7px; margin-top: 7px;