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

solving linter issue without breaking the fix.

Browse source
This commit is contained in:
Kendall Werts 2019-08-27 11:54:16 -05:00
parent cc988a303e
commit 3adb333022
2 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/css/popup.css
View file

@ -19,8 +19,8 @@ html {
body { body {
font-family: Roboto, Noto, "San Francisco", Ubuntu, "Segoe UI", "Fira Sans", message-box, Arial, sans-serif; font-family: Roboto, Noto, "San Francisco", Ubuntu, "Segoe UI", "Fira Sans", message-box, Arial, sans-serif;
inline-size: calc(var(--overflow-size) + 300px); inline-size: calc(var(--overflow-size) + 299px);
max-inline-size: calc(var(--overflow-size) + 300px); max-inline-size: calc(var(--overflow-size) + 299px);
} }
:root { :root {
@ -45,9 +45,9 @@ body {
--small-text-size: 0.833rem; /* 10px */ --small-text-size: 0.833rem; /* 10px */
--small-radius: 3px; --small-radius: 3px;
--icon-button-size: calc(calc(var(--block-line-separation-size) * 2) + 1.66rem); /* 20px */ --icon-button-size: calc(calc(var(--block-line-separation-size) * 2) + 1.66rem); /* 20px */
--column-panel-inline-size: calc(var(--overflow-size) + 268px); --column-panel-inline-size: calc(var(--overflow-size) + 267px);
--inactive-opacity: 0.3; --inactive-opacity: 0.3;
--overflow-size: 0px; --overflow-size: 1px;
--icon-fit: 8; --icon-fit: 8;
} }
@ -579,7 +579,7 @@ span ~ .panel-header-text {
} }
.edit-containers-panel .userContext-wrapper { .edit-containers-panel .userContext-wrapper {
max-inline-size: calc(var(--overflow-size) + 204px); max-inline-size: calc(var(--overflow-size) + 203px);
} }
.disable-edit-containers { .disable-edit-containers {

6
src/js/popup.js
View file

@ -292,11 +292,11 @@ const Logic = {
document.querySelector(this.getPanelSelector(this._panels[panel])).classList.remove("hide"); document.querySelector(this.getPanelSelector(this._panels[panel])).classList.remove("hide");
window.setTimeout(function () { window.setTimeout(function () {
//sometimes this executes before the window is there and window.innerWidth returns undefined //sometimes this executes before the window is there and window.innerWidth returns undefined
const width = window.innerWidth; const difference = window.innerWidth - document.body.offsetWidth
if (width > 300) { if (difference > 2) {
//if popup is in the overflow menu, window will be larger than 300px //if popup is in the overflow menu, window will be larger than 300px
const root = document.documentElement; const root = document.documentElement;
root.style.setProperty("--overflow-size", "125px"); root.style.setProperty("--overflow-size", difference + "px");
root.style.setProperty("--icon-fit", "12"); root.style.setProperty("--icon-fit", "12");
} }
}, 200); }, 200);