From 46b85ecd96f458d08a1312c8b9420043cef3e41e Mon Sep 17 00:00:00 2001
From: Georges-Antoine Assi <contact@me.gantoine.com>
Date: Wed, 7 Aug 2024 22:38:28 -0400
Subject: [PATCH 1/4] [ROMM-1063] Add Amiga CD32 to emulatorjs game list

---
 frontend/src/utils/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/utils/index.ts b/frontend/src/utils/index.ts
index 926ebffb1..541945e13 100644
--- a/frontend/src/utils/index.ts
+++ b/frontend/src/utils/index.ts
@@ -265,6 +265,7 @@ export function languageToEmoji(language: string) {
 const _EJS_CORES_MAP = {
   "3do": ["opera"],
   amiga: ["puae"],
+  "amiga-cd32": ["puae"],
   arcade: [
     "mame2003",
     "mame2003_plus",

From 0b766a617b78725e5e84310853669593097d755c Mon Sep 17 00:00:00 2001
From: zurdi <zurdizurdo25@gmail.com>
Date: Thu, 8 Aug 2024 12:17:53 +0200
Subject: [PATCH 2/4] fixed white + shadow text

---
 frontend/src/views/Login.vue | 4 ++--
 frontend/src/views/Setup.vue | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login.vue
index 16ce6392f..89eaae4db 100644
--- a/frontend/src/views/Login.vue
+++ b/frontend/src/views/Login.vue
@@ -116,8 +116,8 @@ async function login() {
       </v-row>
     </v-card>
 
-    <div id="version" class="text-shadow position-absolute">
-      <span class="text-white">{{ heartbeatStore.value.VERSION }}</span>
+    <div id="version" class="position-absolute">
+      <span class="text-white text-shadow">{{ heartbeatStore.value.VERSION }}</span>
     </div>
   </v-container>
 </template>
diff --git a/frontend/src/views/Setup.vue b/frontend/src/views/Setup.vue
index c067d981d..c8366fdbf 100644
--- a/frontend/src/views/Setup.vue
+++ b/frontend/src/views/Setup.vue
@@ -85,6 +85,7 @@ async function finishWizard() {
         <template v-slot:default="{ prev, next }">
           <v-stepper-header>
             <v-stepper-item
+              class="text-white text-shadow"
               title="Create an admin user"
               :value="1"
             ></v-stepper-item>
@@ -92,6 +93,7 @@ async function finishWizard() {
             <v-divider></v-divider>
 
             <v-stepper-item
+              class="text-white text-shadow"
               title="Check metadata sources"
               :value="2"
             ></v-stepper-item>
@@ -154,6 +156,7 @@ async function finishWizard() {
                     <v-col id="sources">
                       <v-list-item
                         v-for="source in metadataOptions"
+                        class="text-white text-shadow"
                         :title="source.name"
                         :subtitle="
                           source.disabled ? 'API key missing or invalid' : ''
@@ -186,12 +189,12 @@ async function finishWizard() {
 
           <v-stepper-actions :disabled="!filledAdminUser">
             <template #prev>
-              <v-btn :ripple="false" :disabled="isFirstStep" @click="prev">{{
+              <v-btn class="text-white text-shadow" :ripple="false" :disabled="isFirstStep" @click="prev">{{
                 isFirstStep ? "" : "previous"
               }}</v-btn>
             </template>
             <template #next>
-              <v-btn @click="!isLastStep ? next() : finishWizard()">{{
+              <v-btn class="text-white text-shadow" @click="!isLastStep ? next() : finishWizard()">{{
                 !isLastStep ? "Next" : "Finish"
               }}</v-btn>
             </template>

From fc5115923d47f5b7ee015fa49bdd797187202aa1 Mon Sep 17 00:00:00 2001
From: zurdi <zurdizurdo25@gmail.com>
Date: Thu, 8 Aug 2024 13:54:26 +0200
Subject: [PATCH 3/4] fixed fab overlay

---
 .../src/components/Gallery/FabOverlay.vue     | 227 ++++++++++--------
 1 file changed, 122 insertions(+), 105 deletions(-)

diff --git a/frontend/src/components/Gallery/FabOverlay.vue b/frontend/src/components/Gallery/FabOverlay.vue
index 50c352896..ed1591492 100644
--- a/frontend/src/components/Gallery/FabOverlay.vue
+++ b/frontend/src/components/Gallery/FabOverlay.vue
@@ -137,111 +137,128 @@ function onDownload() {
 </script>
 
 <template>
-  <v-scroll-y-reverse-transition>
-    <v-btn
-      icon
-      v-show="!scrolledToTop && currentView != 2"
-      class="border-romm-accent-1 position-absolute bottom-0 right-0"
-      color="primary"
-      elevation="8"
-      size="large"
-      @click="scrollToTop()"
-      ><v-icon color="romm-accent-1">mdi-chevron-up</v-icon></v-btn
-    >
-  </v-scroll-y-reverse-transition>
+  <div class="text-right pa-2 sticky-bottom">
+    <v-scroll-y-reverse-transition>
+      <v-btn
+        icon
+        v-show="!scrolledToTop && currentView != 2"
+        class="border-romm-accent-1"
+        color="primary"
+        elevation="8"
+        size="large"
+        @click="scrollToTop()"
+        ><v-icon color="romm-accent-1">mdi-chevron-up</v-icon></v-btn
+      >
+    </v-scroll-y-reverse-transition>
 
-  <v-speed-dial v-model="fabMenu" transition="slide-y-transition">
-    <template #activator="{ props: menuProps }">
-      <v-fab-transition>
-        <v-btn
-          v-show="selectedRoms.length > 0"
-          class="ma-4 position-absolute bottom-0 right-0"
-          color="romm-accent-1"
-          v-bind="menuProps"
-          elevation="8"
-          icon
-          size="large"
-          >{{ selectedRoms.length }}</v-btn
-        >
-      </v-fab-transition>
-    </template>
+    <v-speed-dial v-model="fabMenu" transition="slide-y-transition">
+      <template #activator="{ props: menuProps }">
+        <v-fab-transition>
+          <v-btn
+            v-show="selectedRoms.length > 0"
+            class="ml-2"
+            color="romm-accent-1"
+            v-bind="menuProps"
+            elevation="8"
+            icon
+            size="large"
+            >{{ selectedRoms.length }}</v-btn
+          >
+        </v-fab-transition>
+      </template>
 
-    <v-btn
-      key="1"
-      v-if="auth.scopes.includes('roms.write')"
-      color="terciary"
-      elevation="8"
-      icon
-      size="default"
-      @click="emitter?.emit('showDeleteRomDialog', romsStore.selectedRoms)"
-    >
-      <v-icon color="romm-red"> mdi-delete </v-icon>
-    </v-btn>
-    <v-btn
-      key="2"
-      v-if="auth.scopes.includes('roms.write')"
-      color="terciary"
-      elevation="8"
-      icon="mdi-magnify-scan"
-      size="default"
-      @click="onScan"
-    />
-    <v-btn
-      key="3"
-      color="terciary"
-      elevation="8"
-      icon="mdi-download"
-      size="default"
-      @click="onDownload"
-    />
-    <v-btn
-      key="4"
-      color="terciary"
-      elevation="8"
-      :icon="
-        $route.name == 'platform' ? 'mdi-bookmark-plus' : 'mdi-bookmark-remove'
-      "
-      size="default"
-      @click="
-        $route.name == 'platform'
-          ? emitter?.emit('showAddToCollectionDialog', romsStore.selectedRoms)
-          : emitter?.emit(
-              'showRemoveFromCollectionDialog',
-              romsStore.selectedRoms
-            )
-      "
-    />
-    <v-btn
-      key="5"
-      color="terciary"
-      elevation="8"
-      icon="mdi-star-outline"
-      size="default"
-      @click="removeFromFavourites"
-    />
-    <v-btn
-      key="6"
-      color="terciary"
-      elevation="8"
-      icon="mdi-star"
-      size="default"
-      @click="addToFavourites"
-    />
-    <v-btn
-      key="7"
-      color="terciary"
-      elevation="8"
-      icon="mdi-select-all"
-      size="default"
-      @click.stop="selectAllRoms"
-    />
-    <v-btn
-      key="8"
-      color="terciary"
-      elevation="8"
-      icon="mdi-select"
-      size="default"
-      @click.stop="resetSelection"
-    />
-  </v-speed-dial>
+      <v-btn
+        key="1"
+        v-if="auth.scopes.includes('roms.write')"
+        color="terciary"
+        elevation="8"
+        icon
+        size="default"
+        @click="emitter?.emit('showDeleteRomDialog', romsStore.selectedRoms)"
+      >
+        <v-icon color="romm-red"> mdi-delete </v-icon>
+      </v-btn>
+      <v-btn
+        key="2"
+        v-if="auth.scopes.includes('roms.write')"
+        color="terciary"
+        elevation="8"
+        icon="mdi-magnify-scan"
+        size="default"
+        @click="onScan"
+      />
+      <v-btn
+        key="3"
+        color="terciary"
+        elevation="8"
+        icon="mdi-download"
+        size="default"
+        @click="onDownload"
+      />
+      <v-btn
+        key="4"
+        color="terciary"
+        elevation="8"
+        :icon="
+          $route.name == 'platform'
+            ? 'mdi-bookmark-plus'
+            : 'mdi-bookmark-remove'
+        "
+        size="default"
+        @click="
+          $route.name == 'platform'
+            ? emitter?.emit('showAddToCollectionDialog', romsStore.selectedRoms)
+            : emitter?.emit(
+                'showRemoveFromCollectionDialog',
+                romsStore.selectedRoms
+              )
+        "
+      />
+      <v-btn
+        key="5"
+        color="terciary"
+        elevation="8"
+        icon="mdi-star-outline"
+        size="default"
+        @click="removeFromFavourites"
+      />
+      <v-btn
+        key="6"
+        color="terciary"
+        elevation="8"
+        icon="mdi-star"
+        size="default"
+        @click="addToFavourites"
+      />
+      <v-btn
+        key="7"
+        color="terciary"
+        elevation="8"
+        icon="mdi-select-all"
+        size="default"
+        @click.stop="selectAllRoms"
+      />
+      <v-btn
+        key="8"
+        color="terciary"
+        elevation="8"
+        icon="mdi-select"
+        size="default"
+        @click.stop="resetSelection"
+      />
+    </v-speed-dial>
+  </div>
 </template>
+<style scoped>
+.sticky-bottom {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1000;
+  pointer-events: none;
+}
+.sticky-bottom * {
+    pointer-events: auto; /* Re-enables pointer events for all child elements */
+}
+</style>

From 9405723716bb5a5f961dffea3f72529848787c5c Mon Sep 17 00:00:00 2001
From: Zurdi <zurdizurdo25@gmail.com>
Date: Thu, 8 Aug 2024 16:36:16 +0200
Subject: [PATCH 4/4] fixed new version overlay

---
 frontend/src/components/common/NewVersion.vue | 35 ++++++++++---------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/common/NewVersion.vue b/frontend/src/components/common/NewVersion.vue
index e6088c0da..7b2b17510 100644
--- a/frontend/src/components/common/NewVersion.vue
+++ b/frontend/src/components/common/NewVersion.vue
@@ -29,17 +29,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <v-overlay
-    v-if="semver.valid(VERSION)"
-    persistent
-    no-click-animation
-    close-on-back
-    scroll-strategy="reposition"
-    :model-value="true"
-    :scrim="false"
-    :class="{ 'ml-16 align-end': !mdAndDown, 'align-start': mdAndDown }"
-    class="justify-start pa-3"
-  >
+  <div v-if="semver.valid(VERSION)" class="pa-3 sticky-bottom">
     <v-slide-y-transition>
       <v-card
         v-if="
@@ -47,14 +37,14 @@ onMounted(async () => {
           semver.gt(GITHUB_VERSION, VERSION) &&
           !latestVersionDismissed
         "
-        class="pa-1 border-romm-accent-1"
+        class="pa-1 border-romm-accent-1 mx-auto"
         rounded="0"
-        max-width="344"
+        max-width="250"
       >
-        <v-card-text class="py-2 px-4">
+        <v-card-text class="text-center py-2 px-4">
           <span class="text-white text-shadow">New version available</span>
           <span class="text-romm-accent-1 ml-1">v{{ GITHUB_VERSION }}</span>
-          <v-row class="text-center mt-1" no-gutters>
+          <v-row class="mt-1" no-gutters>
             <v-col>
               <span class="pointer text-grey" @click="dismissVersionBanner"
                 >Dismiss</span
@@ -70,5 +60,18 @@ onMounted(async () => {
         </v-card-text>
       </v-card>
     </v-slide-y-transition>
-  </v-overlay>
+  </div>
 </template>
+<style scoped>
+.sticky-bottom {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1000;
+  pointer-events: none;
+}
+.sticky-bottom * {
+    pointer-events: auto; /* Re-enables pointer events for all child elements */
+}
+</style>