From f7a04a7053e85278d476a4fd9a6c18209611dc68 Mon Sep 17 00:00:00 2001
From: Ahhj93 <69793084+Ahhj93@users.noreply.github.com>
Date: Mon, 12 Jun 2023 20:41:37 +0200
Subject: [PATCH] Fixes

---
 src/theme/fixes.css                 |  5 +++++
 src/views/homework/HomeworkView.vue | 20 +++++++++++++++-----
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/theme/fixes.css b/src/theme/fixes.css
index 61dd212..9b4357c 100755
--- a/src/theme/fixes.css
+++ b/src/theme/fixes.css
@@ -68,6 +68,11 @@ ion-content::part(scroll) {
     right: 16px;
 }
 
+.newHomeworksBtnFab {
+    bottom: calc(20px + var(--ion-safe-area-bottom) * 0.8) !important;
+    right: 16px;
+}
+
 ion-list-header ion-button {
     margin-top: 1px !important;
 }
diff --git a/src/views/homework/HomeworkView.vue b/src/views/homework/HomeworkView.vue
index bda7bc8..83bdbdd 100755
--- a/src/views/homework/HomeworkView.vue
+++ b/src/views/homework/HomeworkView.vue
@@ -1,6 +1,6 @@
 <script>
 	import { defineComponent } from 'vue';
-	import { IonHeader, IonContent, IonToolbar, IonTitle, IonMenuButton, IonPage, IonButtons, IonList, IonLabel, IonItem, IonNavLink, IonRefresher, IonRefresherContent, IonCheckbox, IonButton, IonModal, IonDatetime, alertController } from '@ionic/vue';
+	import { IonHeader, IonContent, IonToolbar, IonTitle, IonMenuButton, IonPage, IonButtons, IonList, IonLabel, IonItem, IonNavLink, IonRefresher, IonRefresherContent, IonCheckbox, IonButton, IonModal, IonFab, IonDatetime, alertController } from '@ionic/vue';
 
     import { alertCircle } from 'ionicons/icons';
 
@@ -37,7 +37,8 @@
             IonDatetime,
             IonItem,
             IonLabel,
-            IonNavLink
+            IonNavLink,
+            IonFab
 		},
 		setup() {
 			return { 
@@ -401,12 +402,16 @@
                 <ion-refresher-content></ion-refresher-content>
             </ion-refresher>
 
-            <div id="noTouchZone"></div>
-            <IonFab slot="fixed" vertical="bottom" horizontal="end" class="newCoursBtnFab">
-				<ion-button @click="addHomework($event)" size="large" shape="round" class="newCoursBtn" mode="md" aria-label="Ajouter un devoir">
+            <IonFab slot="fixed" vertical="bottom" horizontal="end" class="newHomeworksBtnFab">
+				<ion-button @click="addHomework($event)" size="large" shape="round" class="newHomeworksBtn" mode="md" aria-label="Ajouter un devoir">
 					<span class="material-symbols-outlined mdls" slot="icon-only">add</span>
 				</ion-button>
 			</IonFab>
+
+
+
+            <div id="noTouchZone"></div>
+
             <swiper class="swiper" ref="swiper" :modules="[Virtual]" virtual :initialSlide="baseIndex" :speed="200" :spaceBetween="10" :preventClicks="true">
                 <swiper-slide class="slide"
                 v-for="(slideContent, index) in slides"
@@ -601,6 +606,11 @@
         --background: transparent !important;
     }
 
+    .newHomeworksBtn {
+		width: 56px;
+		height: 56px;
+	}
+
     .ios .hwListItem.add ion-item::part(native) {
         border-radius: 12px !important;
     }