Stefan/evcc-io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix min-height on iOS homescreen (#12792)

Browse source
This commit is contained in:
Michael Geers 2024-03-09 18:41:35 +01:00 • committed by GitHub
parent 51c6893bac
commit 62b7744556
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
assets/css/app.css
View file

@ -485,13 +485,13 @@ html.app .hide-in-app {
display: none !important;
}
.safe-area-inset {
html.app .safe-area-inset {
padding: max(1rem, env(safe-area-inset-top)) env(safe-area-inset-right)
calc(0.5 * env(safe-area-inset-bottom)) env(safe-area-inset-left);
position: relative;
}
.safe-area-inset::before {
html.app .safe-area-inset::before {
content: "";
display: block;
position: fixed;
@ -504,7 +504,7 @@ html.app .hide-in-app {
background-color: var(--evcc-background);
}
.modal-dialog {
margin-top: max(var(--bs-modal-margin), env(safe-area-inset-top));
margin-bottom: max(var(--bs-modal-margin), env(safe-area-inset-bottom));
html.app .modal-dialog {
margin-top: env(safe-area-inset-top);
margin-bottom: env(safe-area-inset-bottom);
}

1
assets/js/components/Site.vue
View file

@ -157,6 +157,7 @@ export default {
<style scoped>
.site {
min-height: 100vh;
min-height: 100dvh;
}
.content-area {
flex-grow: 1;

1
assets/js/views/App.vue
View file

@ -147,5 +147,6 @@ export default {
<style scoped>
.app {
min-height: 100vh;
min-height: 100dvh;
}
</style>