From 3adb333022022f7291b9bda13784f2ef6c410efc Mon Sep 17 00:00:00 2001
From: Kendall Werts <kmwerts@gmail.com>
Date: Tue, 27 Aug 2019 11:54:16 -0500
Subject: [PATCH] solving linter issue without breaking the fix.

---
 src/css/popup.css | 10 +++++-----
 src/js/popup.js   |  6 +++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/css/popup.css b/src/css/popup.css
index 7044908..716480e 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -19,8 +19,8 @@ html {
 
 body {
   font-family: Roboto, Noto, "San Francisco", Ubuntu, "Segoe UI", "Fira Sans", message-box, Arial, sans-serif;
-  inline-size: calc(var(--overflow-size) + 300px);
-  max-inline-size: calc(var(--overflow-size) + 300px);
+  inline-size: calc(var(--overflow-size) + 299px);
+  max-inline-size: calc(var(--overflow-size) + 299px);
 }
 
 :root {
@@ -45,9 +45,9 @@ body {
   --small-text-size: 0.833rem; /* 10px */
   --small-radius: 3px;
   --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;
-  --overflow-size: 0px;
+  --overflow-size: 1px;
   --icon-fit: 8;
 }
 
@@ -579,7 +579,7 @@ span ~ .panel-header-text {
 }
 
 .edit-containers-panel .userContext-wrapper {
-  max-inline-size: calc(var(--overflow-size) + 204px);
+  max-inline-size: calc(var(--overflow-size) + 203px);
 }
 
 .disable-edit-containers {
diff --git a/src/js/popup.js b/src/js/popup.js
index 9028363..2f1dd8c 100644
--- a/src/js/popup.js
+++ b/src/js/popup.js
@@ -292,11 +292,11 @@ const Logic = {
     document.querySelector(this.getPanelSelector(this._panels[panel])).classList.remove("hide");
     window.setTimeout(function () {
       //sometimes this executes before the window is there and window.innerWidth returns undefined
-      const width = window.innerWidth;
-      if (width > 300) {
+      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", "125px");
+        root.style.setProperty("--overflow-size", difference + "px");
         root.style.setProperty("--icon-fit", "12");
       }
     }, 200);