Added scroll events to inner content divs to sync tooltips with page. Including actor heart button on stash page. Fixed stash scene preview title overflow.

assets/components/actors/actor.vue

@@ -42,7 +42,10 @@
 			/>
 		</div>
 
-		<div class="content-inner actor-inner">
+		<div
+			class="content-inner actor-inner"
+			@scroll="events.emit('scroll', $event)"
+		>
 			<div
 				class="profile"
 				:class="{ expanded: bioExpanded, 'with-avatar': !!actor.avatar }"

assets/components/container/warning.vue

@@ -170,7 +170,7 @@ export default {
 			position: absolute;
 			z-index: -1;
 			border-radius: 1.1rem;
-			filter: blur(.5rem);
+			filter: blur(.25rem);
 			transition: filter .2s ease;
 		}
 	}

assets/components/entities/entity.vue

@@ -75,7 +75,10 @@
 			</router-link>
 		</div>
 
-		<div class="content-inner">
+		<div
+			class="content-inner"
+			@scroll="events.emit('scroll', $event)"
+		>
 			<Scroll
 				v-if="entity.children.length > 0"
 				v-slot="scroll"

assets/components/releases/release.vue

@@ -75,20 +75,6 @@
 				:tags="release.tags"
 			/>
 
-			<div
-				v-if="release.directors && release.directors.length > 0"
-				class="row"
-			>
-				<span class="row-label">Director</span>
-
-				<router-link
-					v-for="director in release.directors"
-					:key="`director-${director.id}`"
-					class="link director"
-					:to="`/director/${director.id}/${director.slug}`"
-				>{{ director.name }}</router-link>
-			</div>
-
 			<div
 				v-if="release.movies && release.movies.length > 0"
 				class="row"
@@ -117,6 +103,20 @@
 				:releases="release.scenes"
 			/>
 
+			<div
+				v-if="release.directors && release.directors.length > 0"
+				class="row"
+			>
+				<span class="row-label">Director</span>
+
+				<router-link
+					v-for="director in release.directors"
+					:key="`director-${director.id}`"
+					class="link director"
+					:to="`/director/${director.id}/${director.slug}`"
+				>{{ director.name }}</router-link>
+			</div>
+
 			<div
 				v-if="release.description"
 				class="row"

assets/components/tags/tag.vue

@@ -10,7 +10,10 @@
 			</h2>
 		</div>
 
-		<div class="content-inner">
+		<div
+			class="content-inner"
+			@scroll="events.emit('scroll', $event)"
+		>
 			<div
 				v-if="description"
 				class="description header-description"

assets/components/tooltip/tooltip.vue

@@ -117,6 +117,7 @@ function mounted() {
 	});
 
 	this.events.on('scroll', () => {
+		console.log('scroll!');
 		this.calculate();
 	});
 }

assets/components/users/scene-preview.vue

@@ -81,6 +81,9 @@ export default {
 
 .scene-title {
 	padding: .25rem .5rem;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 
 .scene-actors {