blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: fix unexpected scrollbar on Firefox

Browse Source 
Firefox will still have an additional 1px vertical line at the bottom of
the page, even when `#app` should take 100% of the vertical space. This
causes a scrollbar to show up. Setting the height at `calc(100vh - 1px)`
solves this.
This commit is contained in:
Sybren A. Stüvel 2022-04-15 14:24:29 +02:00
parent 5c28fcd1b7
commit 1847c5219d
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/app/src/App.vue
View File

@ -135,8 +135,11 @@ export default {
--grid-gap: 4px; --grid-gap: 4px;
} }
html,
body { body {
height: calc(100vh - 1px);
margin: 0; margin: 0;
padding: 0;
color: #EEEEEE; color: #EEEEEE;
background-color: #222222; background-color: #222222;
@ -149,7 +152,7 @@ body {
display: grid; display: grid;
width: 100%; width: 100%;
height: 100vh; height: 100%;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: var(--header-height) 1fr var(--footer-height); grid-template-rows: var(--header-height) 1fr var(--footer-height);
grid-gap: var(--grid-gap); grid-gap: var(--grid-gap);