rowan/multi-account-containers
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix UI when Popup is in overflow menu

Browse source
This commit is contained in:
Lesley Norton 2021-10-22 22:24:39 -05:00
parent b552d41772
commit f9ddd0f0a4
No known key found for this signature in database
GPG key ID: E98FBAEE3F13956E
2 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/css/popup.css
View file

@ -62,6 +62,19 @@ body {
color: var(--text-grey);
}
.overflow body,
.overflow html {
inline-size: 100%;
}
.overflow .container-panel {
min-block-size: 100%;
}
.overflow .panel.onboarding {
margin-block: auto;
}
html,
body {
block-size: 100%; /* Bugfix: issue 948 */

4
src/js/popup.js
View file

@ -2159,8 +2159,8 @@ window.addEventListener("resize", function () {
const difference = window.innerWidth - document.body.offsetWidth;
if (difference > 2) {
//if popup is in the overflow menu, window will be larger than 300px
const root = document.documentElement;
root.style.setProperty("--overflow-size", difference + "px");
root.style.setProperty("--icon-fit", "12");
root.classList.add("overflow");
}
});