fix(ui): fix incomplete border color on hover for tags (cotes2020#2359)

MrAnno · web-flow · commit c62644759cb4 · 2025-04-24T20:23:43.000+08:00
diff --git a/_sass/abstracts/_placeholders.scss b/_sass/abstracts/_placeholders.scss
@@ -31,7 +31,10 @@
 }
 
 %tag-hover {
+  @extend %link-color;
+
   background: var(--tag-hover);
+  border-color: var(--tag-hover);
   transition: background 0.35s ease-in-out;
 }
 
diff --git a/_sass/pages/_post.scss b/_sass/pages/_post.scss
@@ -143,9 +143,7 @@ header {
 
   .post-tag {
     &:hover {
-      @extend %link-hover;
       @extend %tag-hover;
-      @extend %no-bottom-border;
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,10 @@`
`31`	`31`	`}`
`32`	`32`
`33`	`33`	`%tag-hover {`
	`34`	`+ @extend %link-color;`
	`35`	`+`
`34`	`36`	`background: var(--tag-hover);`
	`37`	`+ border-color: var(--tag-hover);`
`35`	`38`	`transition: background 0.35s ease-in-out;`
`36`	`39`	`}`
`37`	`40`