Fixed user scrolling in all note list

extension/manifest.json

@@ -28,7 +28,7 @@
   },
   "manifest_version": 3,
   "name": "Twitch Notes",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "web_accessible_resources": [
     {
       "resources": [

extension/run.js

@@ -13,14 +13,4 @@
         script.id = "twitchNotesScript";
         head.appendChild(script);
     }
-
-    // if (!document.querySelector("style#twitchNotesStyle")) {
-    //   const style = document.createElement("link");
-    //   style.setAttribute("href", chrome.runtime.getURL("twitch-notes.css"));
-    //   style.setAttribute("type", "text/css");
-    //   style.setAttribute("rel", "stylesheet");
-    //   style.setAttribute("crossorigin", "anonymous");
-    //   style.id = "twitchNotesStyle";
-    //   head.appendChild(style);
-    // }
 })();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "twitchnotes",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Add notes to twitch users (only visible to you)",
   "main": "index.js",
   "scripts": {

src/styles/main.scss

@@ -88,7 +88,7 @@
     min-width: 500px;
     max-width: 95vw;
     min-height: 240px;
-    max-height: 50vh;
+    max-height: 80vh;
     background: var(--color-background-base);
     border: var(--border-width-default) solid var(--color-border-base) !important;
 
@@ -117,6 +117,7 @@
       &-user-list {
         border-right: 1px solid #FFFFFF19;
         height: 100%;
+        max-height: calc(80vh - 2 * var(--button-size-default) + 1rem);
         min-width: 240px;
         overflow-y: auto;
         overflow-x: hidden;

webpack.config.js

@@ -4,6 +4,7 @@ const path = require('path');
 
 module.exports = {
     mode: 'production',
+    devtool: 'source-map',
     entry: {
         twitchNotes: path.resolve(__dirname, 'src/index.ts'),
     },
@@ -41,5 +42,5 @@ module.exports = {
     },
     resolve: {
         extensions: ['.ts', '.js'],
-    },
+    }
 }