Skip to content

Commit 61f22ba

Browse files
committed
fix(BlogCard): remove stretched-link class from blog card title
The stretched-link class was causing the entire card to be clickable, which wasn't the intended behavior. Only the title should be clickable to navigate to the blog post.
1 parent 41144a9 commit 61f22ba

1 file changed

Lines changed: 1 addition & 11 deletions

File tree

src/components/blog/BlogCard.astro

Lines changed: 1 addition & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ const excerptClasses = [
8383
)}
8484

8585
<h2 class={titleClasses} id={`blog-post-title-${post.id}`}>
86-
<a href={postUrl} class="stretched-link">
86+
<a href={postUrl}>
8787
{post.data.title}
8888
</a>
8989
</h2>
@@ -131,16 +131,6 @@ const excerptClasses = [
131131
</article>
132132

133133
<style>
134-
.stretched-link::after {
135-
position: absolute;
136-
top: 0;
137-
right: 0;
138-
bottom: 0;
139-
left: 0;
140-
z-index: 1;
141-
content: "";
142-
}
143-
144134
.line-clamp-2 {
145135
display: -webkit-box;
146136
-webkit-line-clamp: 2;

0 commit comments

Comments
 (0)