fix(ToolTips): on mobile Tooltips are only triggered on hold

Signed-off-by: Jonathan <theflametrooper@gmail.com>

frontend/src/components/modals/ImportAlbum.vue

@@ -574,7 +574,10 @@ export default {
 
 <style lang="scss">
 .night-mode {
-	.search-discogs-album, .discogs-album, .import-youtube-playlist, .track-boxes {
+	.search-discogs-album,
+	.discogs-album,
+	.import-youtube-playlist,
+	.track-boxes {
 		background-color: var(--dark-grey-3) !important;
 	}
 
@@ -585,7 +588,7 @@ export default {
 	.api-result .tracks .track:hover,
 	.api-result .tracks .track:focus,
 	.discogs-album .tracks .track:hover,
-	.discogs-album .tracks .track:focus  {
+	.discogs-album .tracks .track:focus {
 		background-color: var(--dark-grey-2) !important;
 	}
 

frontend/src/main.js

@@ -22,7 +22,6 @@ app.use(store);
 app.use(VueTippy, {
 	directive: "tippy", // => v-tippy
 	flipDuration: 0,
-	touch: false,
 	popperOptions: {
 		modifiers: {
 			preventOverflow: {
@@ -31,7 +30,7 @@ app.use(VueTippy, {
 		}
 	},
 	allowHTML: true,
-	defaultProps: { animation: "scale" }
+	defaultProps: { animation: "scale", touch: "hold" }
 });
 
 app.component("Tippy", Tippy);

frontend/src/pages/Admin/tabs/HiddenSongs.vue

@@ -27,7 +27,9 @@
 			>
 				Keyboard shortcuts helper
 			</button>
-			<button class="button is-primary" @click="openModal('requestSong')">Request song</button>
+			<button class="button is-primary" @click="openModal('requestSong')">
+				Request song
+			</button>
 			<br />
 			<br />
 			<table class="table is-striped">

frontend/src/pages/Admin/tabs/UnverifiedSongs.vue

@@ -27,7 +27,9 @@
 			>
 				Keyboard shortcuts helper
 			</button>
-			<button class="button is-primary" @click="openModal('requestSong')">Request song</button>
+			<button class="button is-primary" @click="openModal('requestSong')">
+				Request song
+			</button>
 			<br />
 			<br />
 			<table class="table is-striped">

frontend/src/pages/Admin/tabs/VerifiedSongs.vue

@@ -27,7 +27,9 @@
 			>
 				Keyboard shortcuts helper
 			</button>
-			<button class="button is-primary" @click="openModal('requestSong')">Request song</button>
+			<button class="button is-primary" @click="openModal('requestSong')">
+				Request song
+			</button>
 			<button class="button is-primary" @click="openModal('importAlbum')">
 				Import album
 			</button>

frontend/src/pages/Settings/Tabs/Profile.vue

@@ -27,7 +27,10 @@
 						<option value="initials">Based on initials</option>
 					</select>
 				</div>
-				<div class="select" v-if="modifiedUser.avatar.type === 'initials'">
+				<div
+					class="select"
+					v-if="modifiedUser.avatar.type === 'initials'"
+				>
 					<select v-model="modifiedUser.avatar.color">
 						<option value="blue">Blue</option>
 						<option value="orange">Orange</option>
@@ -113,7 +116,10 @@ export default {
 				this.modifiedUser.location !== this.originalUser.location;
 			const bioChanged = this.modifiedUser.bio !== this.originalUser.bio;
 			const avatarChanged =
-				this.modifiedUser.avatar.type !== this.originalUser.avatar.type || this.modifiedUser.avatar.color !== this.originalUser.avatar.color;
+				this.modifiedUser.avatar.type !==
+					this.originalUser.avatar.type ||
+				this.modifiedUser.avatar.color !==
+					this.originalUser.avatar.color;
 
 			if (nameChanged) this.changeName();
 			if (locationChanged) this.changeLocation();