Fix hover

delucis · Nov 11, 2024 · dc5c9c8 · dc5c9c8
1 parent 1feb1cd
commit dc5c9c8
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 24 deletions.
diff --git a/demo/src/pages/bluesky.astro b/demo/src/pages/bluesky.astro
@@ -6,29 +6,31 @@ import post from '../post.json';
 
 <Base title="BlueskyPost component example">
 	<div class="content">
-	<BlueskyPost post={post.data} />
-	<p>Raw data</p>
-	<BlueskyPost post="https://bsky.app/profile/wesbos.com/post/3la2ezdodvu2g" />
-	<p>Basic</p>
-	<BlueskyPost post="https://bsky.app/profile/mk.gg/post/3la2snrsnhd2a" />
-	<p>Images</p>
-	<BlueskyPost post="https://bsky.app/profile/mk.gg/post/3l7xzeex4vf2m" />
-	<p>External link</p>
-	<BlueskyPost
-		post="https://bsky.app/profile/wattenberger.com/post/3la54isd7az2i"
-	/>
-	<p>Video</p>
-	<BlueskyPost post="https://bsky.app/profile/mk.gg/post/3l7zx4hltw62a" />
-	<p>External media with quote</p>
-	<BlueskyPost post="https://bsky.app/profile/mk.gg/post/3la4wuiii4o2e" />
-	<p>External link with quote</p>
-	<BlueskyPost post="https://bsky.app/profile/sentry.io/post/3la5clrgyw52g" />
-	<p>Starter pack</p>
+		<BlueskyPost post={post.data} />
+		<p>Raw data</p>
+		<BlueskyPost
+			post="https://bsky.app/profile/wesbos.com/post/3la2ezdodvu2g"
+		/>
+		<p>Basic</p>
+		<BlueskyPost post="https://bsky.app/profile/mk.gg/post/3la2snrsnhd2a" />
+		<p>Images</p>
+		<BlueskyPost post="https://bsky.app/profile/mk.gg/post/3l7xzeex4vf2m" />
+		<p>External link</p>
+		<BlueskyPost
+			post="https://bsky.app/profile/wattenberger.com/post/3la54isd7az2i"
+		/>
+		<p>Video</p>
+		<BlueskyPost post="https://bsky.app/profile/mk.gg/post/3l7zx4hltw62a" />
+		<p>External media with quote</p>
+		<BlueskyPost post="https://bsky.app/profile/mk.gg/post/3la4wuiii4o2e" />
+		<p>External link with quote</p>
+		<BlueskyPost post="https://bsky.app/profile/sentry.io/post/3la5clrgyw52g" />
+		<p>Starter pack</p>
+	</div>
 </Base>
-</div>
 <style>
 	/* Testing leaky styles */
 	.content :global(a) {
 		text-decoration: 1px solid underline;
 	}
-	</style>
+</style>
diff --git a/packages/astro-embed-bluesky/src/post.astro b/packages/astro-embed-bluesky/src/post.astro
@@ -147,6 +147,10 @@ const formatter = new Intl.DateTimeFormat('en-US', {
 		color: var(--bluesky-color-link);
 		text-decoration: none;
 	}
+	.bluesky-post-container .timestamp:hover,
+	.bluesky-post-container .post-text :global(a:hover) {
+		text-decoration: underline;
+	}
 
 	.timestamp {
 		display: block;
@@ -155,8 +159,4 @@ const formatter = new Intl.DateTimeFormat('en-US', {
 		margin-top: var(--bluesky-space-sm);
 		text-decoration: none;
 	}
-
-	.timestamp:hover {
-		text-decoration: underline;
-	}
 </style>