Showing tooltips on filter options.

components/filters/actors.vue

@@ -18,6 +18,7 @@
 			</label>
 
 			<div
+				v-tooltip="selectedGender ? `${selectedGender.slice(0, 1).toUpperCase()}${selectedGender.slice(1)} performers` : `All genders`"
 				class="filter-sort noselect"
 				@click="selectGender"
 			>
@@ -35,6 +36,7 @@
 
 			<div
 				v-show="order === 'name'"
+				v-tooltip="'Sorted alphanumerically'"
 				class="filter-sort order noselect"
 				@click="order = 'count'"
 			>
@@ -45,6 +47,7 @@
 
 			<div
 				v-show="order === 'count'"
+				v-tooltip="'Sorted by number of scenes'"
 				class="filter-sort order noselect"
 				@click="order = 'name'"
 			>

components/filters/channels.vue

@@ -14,6 +14,7 @@
 
 			<div
 				v-show="order === 'name'"
+				v-tooltip="'Sorted alphanumerically'"
 				class="filter-sort order noselect"
 				@click="order = 'count'"
 			>
@@ -22,6 +23,7 @@
 
 			<div
 				v-show="order === 'count'"
+				v-tooltip="'Sorted by number of scenes'"
 				class="filter-sort order noselect"
 				@click="order = 'name'"
 			>

components/filters/tags.vue

@@ -34,6 +34,7 @@
 
 			<div
 				v-show="order === 'priority'"
+				v-tooltip="'Sorted by tag priority'"
 				class="filter-sort order noselect"
 				@click="order = 'count'"
 			>
@@ -42,6 +43,7 @@
 
 			<div
 				v-show="order === 'count'"
+				v-tooltip="'Sorted by number of scenes'"
 				class="filter-sort order noselect"
 				@click="order = 'name'"
 			>
@@ -52,6 +54,7 @@
 
 			<div
 				v-show="order === 'name'"
+				v-tooltip="'Sorted alphanumerically'"
 				class="filter-sort order noselect"
 				@click="order = 'priority'"
 			>