Fixed workspaces footer issues

Scille · Nov 10, 2023 · 8b76b90 · 8b76b90
1 parent c98a0d5
commit 8b76b90
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 12 deletions.
diff --git a/client/src/theme/components/footerList.scss b/client/src/theme/components/footerList.scss
@@ -1,11 +1,12 @@
 /* Parsec Cloud (https://parsec.cloud) Copyright (c) BUSL-1.1 2016-present Scille SAS */
 
-.folder-footer, .user-footer {
+.folder-footer, .user-footer, .workspaces-footer {
   width: 100%;
   position: fixed;
   pointer-events: none;
   bottom: 0;
   padding: 1em 0 2.5em;
+  z-index: 100;
   text-align: center;
   background: linear-gradient(360deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
 

diff --git a/client/src/views/workspaces/WorkspacesPage.vue b/client/src/views/workspaces/WorkspacesPage.vue
@@ -84,7 +84,9 @@
         </div>
       </div>
       <div class="workspaces-footer title-h5">
-        {{ $t('WorkspacesPage.itemCount', { count: workspaceList.length }, workspaceList.length) }}
+        <div class="folder-footer__container">
+          {{ $t('WorkspacesPage.itemCount', { count: workspaceList.length }, workspaceList.length) }}
+        </div>
       </div>
       <ion-fab
         v-if="isPlatform('mobile')"
@@ -340,16 +342,6 @@ async function copyLinkToClipboard(workspace: WorkspaceInfo): Promise<void> {
   }
 }
 
-.workspaces-footer {
-  width: 100%;
-  left: 0;
-  position: fixed;
-  bottom: 0;
-  text-align: center;
-  color: var(--parsec-color-light-secondary-text);
-  margin-bottom: 2em;
-}
-
 .workspaces-container-grid {
   display: flex;
   flex-wrap: wrap;