mirrors/btcpayserver
1
0
Fork 0
mirror of https://github.com/btcpayserver/btcpayserver.git synced 2024-11-19 09:54:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix nav height issue on mobile devices (#3888)

Browse Source 
close #3807
This commit is contained in:
Umar Bolatov 2022-06-20 21:04:50 -07:00 committed by GitHub
parent 0aa7dacbca
commit 7a75a8c254
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
BTCPayServer/wwwroot/main/layout.css
View File

@ -425,6 +425,14 @@
outline: 0;
transform: translateX(-100%);
transition: transform var(--btcpay-transition-duration-fast) ease-in-out;
/* Fixes https://github.com/btcpayserver/btcpayserver/issues/3807 */
height: calc(100vh - var(--mobile-header-height)); /* This line is a fallback for browsers which don't support "fill-available" */
height: -moz-available;
height: -webkit-fill-available;
height: fill-available;
/* Since we can't do "calc(fill-available - var(--mobile-header-height));" I'm using "padding-bottom" instead */
padding-bottom: var(--mobile-header-height);
/* END FIX */
}
#mainNav.show {