fix: scrollbar always displayed on safari (#327)

fixes #327
Joxit · Jul 23, 2023 · f015187 · f015187
1 parent 07713f1
commit f015187
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 7 deletions.
diff --git a/dist/docker-registry-ui.css b/dist/docker-registry-ui.css
diff --git a/dist/docker-registry-ui.js b/dist/docker-registry-ui.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "docker-registry-ui",
-  "version": "2.5.1",
+  "version": "2.5.2",
   "type": "module",
   "scripts": {
     "format": "npm run format-html && npm run format-js && npm run format-riot",

diff --git a/src/components/docker-registry-ui.riot b/src/components/docker-registry-ui.riot
@@ -266,6 +266,15 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
     };
   </script>
   <style>
+    :host {
+      display: flex;
+      flex-direction: column;
+      min-height: 100vh;
+    }
+    :host main {
+      flex-grow: 1;
+      margin: 0.5em 0;
+    }
     material-navbar {
       height: 64px;
       color: var(--header-text);

diff --git a/src/style.scss b/src/style.scss
@@ -336,10 +336,6 @@ footer {
   bottom: 0;
 }
 
-main {
-  min-height: calc(100% - 136px);
-}
-
 material-footer {
   padding: 0.5em 1em;
   li {