Set height on nested elements to avoid mutliple scrollbars

Felix Breidenstein · Felix Breidenstein · commit 8a90adc44282 · 2021-08-09T10:53:25.000+02:00
diff --git a/popup.html b/popup.html
@@ -45,6 +45,8 @@
 #main {
   font-size: 15px;
   padding-bottom: 5px;
+  height: 100%;
+  flex-direction: column;
 }
 #roleList {
   padding: 0;
@@ -97,7 +99,7 @@
 </style>
 </head>
 <body>
-<div style="display: flex">
+<div style="display: flex; height: 100%">
   <div class="mainPane" style="min-width: 280px">
     <div id="main" style="display: none">
       <div style="padding: 12px 6px 6px;">
diff --git a/src/popup.js b/src/popup.js
@@ -85,7 +85,7 @@ function main() {
         executeAction(tab.id, 'loadInfo', {}).then(userInfo => {
           if (userInfo) {
             loadFormList(url, userInfo, tab.id);
-            document.getElementById('main').style.display = 'block';
+            document.getElementById('main').style.display = 'flex';
           } else {
             const noMain = document.getElementById('noMain');
             const p = noMain.querySelector('p');
