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
parent
09eb9c41d5
commit
eac0f2f59f
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue