Squash spacelist on sidebar open

owncloud · Jan 18, 2023 · 66b416c · 66b416c
1 parent e67f1f8
commit 66b416c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/packages/web-app-admin-settings/src/components/Spaces/SpacesList.vue b/packages/web-app-admin-settings/src/components/Spaces/SpacesList.vue
@@ -475,9 +475,21 @@ export default defineComponent({
   .oc-table-data-cell-usedQuota {
     display: none;
 
-    @media only screen and (min-width: 1700px) {
+    @media only screen and (min-width: 1600px) {
       display: table-cell;
     }
   }
+  &-squashed {
+    .oc-table-header-cell-totalQuota,
+    .oc-table-data-cell-totalQuota,
+    .oc-table-header-cell-availableQuota,
+    .oc-table-data-cell-availableQuota,
+    .oc-table-header-cell-usedQuota,
+    .oc-table-data-cell-usedQuota,
+    .oc-table-header-cell-remainingQuota,
+    .oc-table-data-cell-remainingQuota {
+      display: none;
+    }
+  }
 }
 </style>
diff --git a/packages/web-app-admin-settings/src/views/Spaces.vue b/packages/web-app-admin-settings/src/views/Spaces.vue
@@ -45,6 +45,7 @@
         <div v-else>
           <SpacesList
             :spaces="spaces"
+            :class="{ 'spaces-table-squashed': sideBarOpen }"
             :selected-spaces="selectedSpaces"
             :header-position="listHeaderPosition"
             @toggleSelectSpace="toggleSelectSpace"