Browse Source

fix(Tooltips): don't show on mobile unless explicitly specified e.g. song actions

Signed-off-by: Jonathan <theflametrooper@gmail.com>
Jonathan 3 years ago
parent
commit
4be7ab60dc

+ 1 - 0
frontend/src/components/AddToPlaylistDropdown.vue

@@ -1,6 +1,7 @@
 <template>
 	<tippy
 		class="addToPlaylistDropdown"
+		touch="true"
 		interactive="true"
 		:placement="placement"
 		theme="addToPlaylist"

+ 1 - 0
frontend/src/components/Confirm.vue

@@ -1,6 +1,7 @@
 <template>
 	<tippy
 		interactive="true"
+		touch="true"
 		:placement="placement"
 		theme="confirm"
 		ref="confirm"

+ 1 - 0
frontend/src/components/SongItem.vue

@@ -72,6 +72,7 @@
 			>
 				<tippy
 					v-if="loggedIn"
+					touch="true"
 					interactive="true"
 					placement="left"
 					theme="songActions"

+ 5 - 0
frontend/src/components/modals/ManageStation/Tabs/Settings.vue

@@ -46,6 +46,7 @@
 					class="button-wrapper"
 					theme="addToPlaylist"
 					interactive="true"
+					touch="true"
 					placement="bottom"
 					trigger="click"
 					append-to="parent"
@@ -96,6 +97,7 @@
 					class="button-wrapper"
 					theme="addToPlaylist"
 					interactive="true"
+					touch="true"
 					placement="bottom"
 					trigger="click"
 					append-to="parent"
@@ -146,6 +148,7 @@
 					v-if="station.type === 'community'"
 					class="button-wrapper"
 					theme="addToPlaylist"
+					touch="true"
 					interactive="true"
 					placement="bottom"
 					trigger="click"
@@ -200,6 +203,7 @@
 					v-if="station.type === 'community'"
 					class="button-wrapper"
 					theme="addToPlaylist"
+					touch="true"
 					interactive="true"
 					placement="bottom"
 					trigger="click"
@@ -258,6 +262,7 @@
 					class="button-wrapper"
 					theme="addToPlaylist"
 					interactive="true"
+					touch="true"
 					placement="bottom"
 					trigger="click"
 					append-to="parent"

+ 1 - 0
frontend/src/main.js

@@ -17,6 +17,7 @@ const handleMetadata = attrs => {
 Vue.use(VueTippy, {
 	directive: "tippy", // => v-tippy
 	flipDuration: 0,
+	touch: false,
 	popperOptions: {
 		modifiers: {
 			preventOverflow: {