update(theme): filters components

Author: fabienSvtr

client/src/components/files/explorer/DocumentFilter.vue

@@ -5,7 +5,7 @@
     fill="clear"
     @click="openPopover($event)"
     id="select-filter-popover-button"
-    class="filter-button button-medium"
+    class="filter-button"
     :class="{ 'has-filters': hasFilters }"
   >
     <ion-icon

client/src/components/users/UserFilter.vue

@@ -9,7 +9,7 @@
   >
     <ion-icon
       :icon="filter"
-      class="filter-button__icon"
+      class="filter-button__icon button-icon-left"
     />
     <span :class="{ 'missing-filters': missingFilters }">{{ $msTranslate('UsersPage.filter.title') }}</span>
   </ion-button>

client/src/components/users/UserFilterPopover.vue

@@ -12,7 +12,7 @@
           <ion-text class="body-sm list-group-title">
             {{ $msTranslate('UsersPage.filter.status') }}
           </ion-text>
-          <ion-button
+          <ion-text
             v-if="!users.filters.statusActive || !users.filters.statusRevoked || !users.filters.statusFrozen"
             @click="
               users.filters.statusActive = true;
@@ -23,7 +23,7 @@
             fill="clear"
           >
             {{ $msTranslate('UsersPage.filter.reset') }}
-          </ion-button>
+          </ion-text>
         </div>
         <ion-item
           class="list-group-item ion-no-padding"
@@ -80,18 +80,18 @@
           <ion-text class="body-sm list-group-title">
             {{ $msTranslate('UsersPage.filter.profile') }}
           </ion-text>
-          <ion-button
+          <ion-text
+            button
             v-if="!users.filters.profileAdmin || !users.filters.profileStandard || !users.filters.profileOutsider"
             @click="
               users.filters.profileAdmin = true;
               users.filters.profileStandard = true;
               users.filters.profileOutsider = true;
             "
             class="reset-filters-button"
-            fill="clear"
           >
             {{ $msTranslate('UsersPage.filter.reset') }}
-          </ion-button>
+          </ion-text>
         </div>
         <ion-item
           class="list-group-item ion-no-padding"
@@ -144,7 +144,7 @@
 <script setup lang="ts">
 import UserStatusTag from '@/components/users/UserStatusTag.vue';
 import { UserCollection } from '@/components/users/types';
-import { IonButton, IonContent, IonItem, IonItemGroup, IonList, IonText } from '@ionic/vue';
+import { IonContent, IonItem, IonItemGroup, IonList, IonText } from '@ionic/vue';
 import { MsCheckbox } from 'megashark-lib';
 
 defineProps<{

client/src/components/workspaces/WorkspaceFilter.vue

@@ -2,14 +2,14 @@
 
 <template>
   <ion-button
-    fill="clear"
+    fill="outline"
     @click="openPopover($event)"
     id="select-filter-popover-button"
-    class="filter-button button-small"
+    class="filter-button"
   >
     <ion-icon
       :icon="filter"
-      class="filter-button__icon"
+      class="filter-button__icon button-icon-left"
     />
     <span :class="{ 'missing-filters': missingFilters }">{{ $msTranslate('WorkspacesPage.filter.title') }}</span>
   </ion-button>

client/src/components/workspaces/WorkspaceFilterPopover.vue

@@ -10,12 +10,12 @@
       <ion-item-group class="list-group">
         <div class="list-group-header">
           <ion-text
-            class="body-sm list-group-title"
+            class="list-group-title"
             id="filter-title-role"
           >
             {{ $msTranslate('WorkspacesPage.filter.roles') }}
           </ion-text>
-          <ion-button
+          <ion-text
             v-if="!filters.owner || !filters.manager || !filters.contributor || !filters.reader"
             @click="
               filters.owner = true;
@@ -24,10 +24,9 @@
               filters.reader = true;
             "
             class="reset-filters-button"
-            fill="clear"
           >
             {{ $msTranslate('WorkspacesPage.filter.reset') }}
-          </ion-button>
+          </ion-text>
         </div>
         <ion-item
           class="list-group-item ion-no-padding"
@@ -87,7 +86,7 @@
 
 <script setup lang="ts">
 import { WorkspacesPageFilters } from '@/components/workspaces/types';
-import { IonButton, IonContent, IonItem, IonItemGroup, IonList, IonText } from '@ionic/vue';
+import { IonContent, IonItem, IonItemGroup, IonList, IonText } from '@ionic/vue';
 import { MsCheckbox } from 'megashark-lib';
 
 defineProps<{

client/src/locales/en-US.json

@@ -1315,7 +1315,7 @@
             "unknown": "Unknown ({label})",
             "mobileWeb": "Mobile Web"
         },
-        "sortBy": "Sort by:",
+        "sortBy": "Sort by",
         "technicalId": "Internal ID:"
     },
     "SideMenu": {

client/src/locales/fr-FR.json

@@ -1318,7 +1318,7 @@
             "unknown": "Inconnu ({label})",
             "mobileWeb": "Mobile Web"
         },
-        "sortBy": "Trier par :",
+        "sortBy": "Trier par",
         "technicalId": "ID interne :"
     },
     "SideMenu": {