Fix frame extending past viewport when zoomed in

When a user zooms in (`ctrl/cmd` + `+`), the Vomnibar frame will extend
down past the viewport. The height is set to calc(100% - 70px) on the
actual iframe, and we can't reach it with this CSS. Setting a max-height
that is effectively the same, but measured in viewport units, on the
Vomnibar container keeps it from going past the bottom of the viewport.
main
Xavier Valarino 2023-03-21 20:30:23 -07:00
parent 09eb9c41d5
commit eac0f2f59f
4 changed files with 4 additions and 0 deletions

View File

@ -23,6 +23,7 @@
background: #303446; /* base */ background: #303446; /* base */
border: 2px solid #BABBF1; /* lavender */ border: 2px solid #BABBF1; /* lavender */
animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
max-height: calc(100vh - 70px);
overflow: hidden; overflow: hidden;
} }

View File

@ -23,6 +23,7 @@
background: #EFF1F5; /* base */ background: #EFF1F5; /* base */
border: 2px solid #7287FD; /* lavender */ border: 2px solid #7287FD; /* lavender */
animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
max-height: calc(100vh - 70px);
overflow: hidden; overflow: hidden;
} }

View File

@ -23,6 +23,7 @@
background: #24273A; /* base */ background: #24273A; /* base */
border: 2px solid #B7BDF8; /* lavender */ border: 2px solid #B7BDF8; /* lavender */
animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
max-height: calc(100vh - 70px);
overflow: hidden; overflow: hidden;
} }

View File

@ -23,6 +23,7 @@
background: #1E1E2E; /* base */ background: #1E1E2E; /* base */
border: 2px solid #B4BEFE; /* lavender */ border: 2px solid #B4BEFE; /* lavender */
animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
max-height: calc(100vh - 70px);
overflow: hidden; overflow: hidden;
} }