Fixed navigation menu and full screen recipe smooth scrolling on iOS (#397)

* fixed barcode button on iOS and made nicer on the desktop

* fixed indentation

* fixed indentation

* fixed recipe ingredient layout issue in safari

* fixed navigation menu and full screen recipe smooth scrolling on iOS
This commit is contained in:
DeeeeLAN
2019-09-26 23:33:08 -07:00
committed by Bernd Bestel
parent e59a35c6d1
commit 6522aca30e
2 changed files with 32 additions and 20 deletions

View File

@@ -50,7 +50,7 @@ a.discrete-link:focus {
}
.fullscreen {
z-index: 9999;
z-index: 8888;
width: 100%;
height: 100%;
position: fixed;
@@ -58,6 +58,19 @@ a.discrete-link:focus {
left: 0;
overflow: auto;
}
/* Fixes smooth scrolling on iOS */
#sidebarResponsive, .fullscreen {
-webkit-overflow-scrolling: touch;
}
.fullscreen-card .card-header {
z-index: 9999;
width: 100%;
position: fixed;
top: 0;
left: 0;
}
body.fullscreen-card {
overflow: hidden;