(style) - #84 Fix design btn back current slot

voxxrin · Apr 22, 2024 · 863ef7e · 863ef7e
1 parent 8d3c0da
commit 863ef7e
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 11 deletions.
diff --git a/mobile/src/components/ui/ButtonBackTop.vue → ...c/components/ui/ButtonBackCurrentSlot.vue b/mobile/src/components/ui/ButtonBackTop.vue → ...c/components/ui/ButtonBackCurrentSlot.vue
@@ -1,10 +1,10 @@
 <template>
-  <!-- TODO #84 connect the back button to the top of the page -->
+  <!-- TODO #84 connect the back current slot button -->
   <transition name="scaleUp">
-    <ion-fab vertical="bottom" horizontal="start" slot="fixed">
+    <ion-fab class="buttonBackCurrentSlot" vertical="bottom" horizontal="start" slot="fixed">
       <ion-fab-button class="buttonBackTop" @click=""
-                      :aria-label="LL.Go_Back_Screen()">
-        <ion-icon :icon="arrowUpSharp"></ion-icon>
+                      :aria-label="LL.Go_Back_Current_Slot()">
+        <ion-icon src="/assets/icons/solid/pick-current-slot.svg" :aria-hidden="true"></ion-icon>
       </ion-fab-button>
     </ion-fab>
   </transition>
@@ -13,17 +13,14 @@
 <script setup lang="ts">
 import { IonFab,IonFabButton } from '@ionic/vue';
 import { typesafeI18n } from "@/i18n/i18n-vue";
-import { arrowUpSharp } from "ionicons/icons";
 
 const { LL } = typesafeI18n()
 </script>
 
 
 <style lang="scss">
-  .buttonBackTop {
+  .buttonBackCurrentSlot {
     ion-fab-button {
-      height: 44px;
-      width: 44px;
       --background: var(--app-primary);
       --color: var(--app-white);
 

diff --git a/mobile/src/i18n/en/index.ts b/mobile/src/i18n/en/index.ts
@@ -8,7 +8,7 @@ const en = {
 	Back_User_Dashboard: `Back dashboard`,
 	Avatar_Speaker: `Avatar speaker`,
 	Nav_Back: `Back`,
-	Go_Back_Top_Screen: 'Back to top of page',
+	Go_Back_Current_Slot: 'Back to current slot',
 	Conference_Selector: `Conference Selector`,
 	Pinned_events: `Pinned events`,
 	Config_event: `Configuration event`,

diff --git a/mobile/src/views/event/FavoritesPage.vue b/mobile/src/views/event/FavoritesPage.vue
@@ -95,7 +95,7 @@
   import ProvideFeedbackTalkButton from "@/components/talk-card/ProvideFeedbackTalkButton.vue";
   import PoweredVoxxrin from "@/components/ui/PoweredVoxxrin.vue";
   import {useRoomsStats} from "@/state/useRoomsStats";
-  import ButtonBackTop from "@/components/ui/ButtonBackTop.vue";
+  import ButtonBackTop from "@/components/ui/ButtonBackCurrentSlot.vue";
 
   const { LL } = typesafeI18n()
 

diff --git a/mobile/src/views/event/SchedulePage.vue b/mobile/src/views/event/SchedulePage.vue
@@ -166,7 +166,7 @@ import {useUserEventTalkNotes} from "@/state/useUserTalkNotes";
 import ProvideFeedbackTalkButton from "@/components/talk-card/ProvideFeedbackTalkButton.vue";
 import PoweredVoxxrin from "@/components/ui/PoweredVoxxrin.vue";
 import {useRoomsStats} from "@/state/useRoomsStats";
-import ButtonBackTop from "@/components/ui/ButtonBackTop.vue";
+import ButtonBackTop from "@/components/ui/ButtonBackCurrentSlot.vue";
 
 const LOGGER = Logger.named("SchedulePage");