full length workspace content; apps side nav scrolls (#1290)

DesignSafe-CI · Jun 11, 2024 · f87096a · f87096a
1 parent ad76cc0
commit f87096a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/client/src/styles.css b/client/src/styles.css
@@ -112,3 +112,23 @@
 .ant-collapse-header:focus-visible {
   outline: -webkit-focus-ring-color auto 1px !important;
 }
+
+.o-site__body,
+#apps-root,
+#apps-root > div.ant-flex,
+.ant-layout-has-sider,
+.ant-layout-sider {
+  height: 100%;
+  overflow: hidden;
+}
+
+/* Do NOT scroll "Applications:" and "Job Status" */
+.ant-layout-sider-children {
+  overflow-y: hidden;
+}
+
+/* DO scroll app category menu */
+.ant-layout-sider-children > header + div + ul {
+  overflow: auto;
+  height: 100%;
+}
diff --git a/designsafe/static/styles/main.css b/designsafe/static/styles/main.css
@@ -959,7 +959,7 @@ li .popover.right {
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 0;
-  flex-basis: auto;
+  flex-basis: 0;
 }
 
 .o-site__body > .container-fluid {