Merge branch 'frontend-fix-css-regression'

Author: thisconnect

frontends/web/src/components/dialog/dialog-legacy.module.css

@@ -26,7 +26,7 @@
     text-align: left;
     max-height: 100vh;
     /* mobile viewport bug fix */
-    min-height: -webkit-fill-available;
+    max-height: -webkit-fill-available;
     overflow: auto;
     opacity: 0;
 }

frontends/web/src/components/dialog/dialog.module.css

@@ -25,7 +25,7 @@
     text-align: left;
     max-height: 100vh;
     /* mobile viewport bug fix */
-    min-height: -webkit-fill-available;
+    max-height: -webkit-fill-available;
     overflow: auto;
 }
 /* guard dialog and wait-dialog from view styles */

frontends/web/src/components/sidebar/sidebar.module.css

@@ -29,23 +29,24 @@
 }
 
 .sidebar {
-    position: fixed;
-    margin-left: calc(var(--sidebar-width-large) * -1);
     align-content: stretch;
     background-color: var(--background-dark);
     bottom: 0;
     display: flex;
     flex-direction: column;
     flex-shrink: 0;
-    justify-content: flex-start;
     height: 100%;
+    justify-content: flex-start;
+    margin-left: calc(var(--sidebar-width-large) * -1);
+    max-height: 100vh;
     /* mobile viewport bug fix */
     min-height: -webkit-fill-available;
+    overflow-y: auto;
     padding: 0 0 var(--spacing-default) 0;
+    position: fixed;
     top: 0;
     width: var(--sidebar-width-large);
     z-index: 4002;
-    overflow-y: auto;
 }
 
 .sidebar > *.end {

frontends/web/src/style/layout.css

@@ -68,7 +68,7 @@
 .appContent {
     height: 100vh;
     /* mobile viewport bug fix */
-    height: -webkit-fill-available;
+    max-height: -webkit-fill-available;
 }
 
 @media (max-width: 900px) {