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.
This commit is contained in:
parent
09eb9c41d5
commit
eac0f2f59f
4 changed files with 4 additions and 0 deletions
|
@ -23,6 +23,7 @@
|
|||
background: #303446; /* base */
|
||||
border: 2px solid #BABBF1; /* lavender */
|
||||
animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
|
||||
max-height: calc(100vh - 70px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
|
|
@ -23,6 +23,7 @@
|
|||
background: #EFF1F5; /* base */
|
||||
border: 2px solid #7287FD; /* lavender */
|
||||
animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
|
||||
max-height: calc(100vh - 70px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
|
|
@ -23,6 +23,7 @@
|
|||
background: #24273A; /* base */
|
||||
border: 2px solid #B7BDF8; /* lavender */
|
||||
animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
|
||||
max-height: calc(100vh - 70px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
|
|
@ -23,6 +23,7 @@
|
|||
background: #1E1E2E; /* base */
|
||||
border: 2px solid #B4BEFE; /* lavender */
|
||||
animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
|
||||
max-height: calc(100vh - 70px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue