From 76ef7f2431a5afae6b52cfa0b652e9e23385e916 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?L=C3=A1szl=C3=B3=20V=C3=A1rady?= Date: Thu, 17 Apr 2025 00:40:37 +0200 Subject: [PATCH 1/3] fix(css): prevent tags resizing on hover --- _sass/abstracts/_placeholders.scss | 8 ++++++-- _sass/pages/_post.scss | 3 +-- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/_sass/abstracts/_placeholders.scss b/_sass/abstracts/_placeholders.scss index 9a2b8ac80af..6206741bfdd 100644 --- a/_sass/abstracts/_placeholders.scss +++ b/_sass/abstracts/_placeholders.scss @@ -41,12 +41,16 @@ white-space: nowrap; } -%link-hover { +%link-hover-no-border { color: #d2603a !important; - border-bottom: 1px solid #d2603a; text-decoration: none; } +%link-hover { + @extend %link-hover-no-border; + border-bottom: 1px solid #d2603a; +} + %link-color { color: var(--link-color); } diff --git a/_sass/pages/_post.scss b/_sass/pages/_post.scss index 12a301f5cde..31cfed00219 100644 --- a/_sass/pages/_post.scss +++ b/_sass/pages/_post.scss @@ -143,9 +143,8 @@ header { .post-tag { &:hover { - @extend %link-hover; + @extend %link-hover-no-border; @extend %tag-hover; - @extend %no-bottom-border; } } } From ec0ebf1519dc3c92ba2a0a8dd44e4a2ccbf37d79 Mon Sep 17 00:00:00 2001 From: Cotes Chung <11371340+cotes2020@users.noreply.github.com> Date: Thu, 24 Apr 2025 20:20:21 +0800 Subject: [PATCH 2/3] refactor: update _placeholders.scss Signed-off-by: Cotes Chung <11371340+cotes2020@users.noreply.github.com> --- _sass/abstracts/_placeholders.scss | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/_sass/abstracts/_placeholders.scss b/_sass/abstracts/_placeholders.scss index 6206741bfdd..d8a10604620 100644 --- 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; } @@ -41,14 +44,10 @@ white-space: nowrap; } -%link-hover-no-border { - color: #d2603a !important; - text-decoration: none; -} - %link-hover { - @extend %link-hover-no-border; + color: #d2603a !important; border-bottom: 1px solid #d2603a; + text-decoration: none; } %link-color { From 2bbf837c8994eb54d59ffbac274138b2714c63c3 Mon Sep 17 00:00:00 2001 From: Cotes Chung <11371340+cotes2020@users.noreply.github.com> Date: Thu, 24 Apr 2025 20:21:23 +0800 Subject: [PATCH 3/3] refactor: update _post.scss Signed-off-by: Cotes Chung <11371340+cotes2020@users.noreply.github.com> --- _sass/pages/_post.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/_sass/pages/_post.scss b/_sass/pages/_post.scss index 31cfed00219..2cd3eee3352 100644 --- a/_sass/pages/_post.scss +++ b/_sass/pages/_post.scss @@ -143,7 +143,6 @@ header { .post-tag { &:hover { - @extend %link-hover-no-border; @extend %tag-hover; } }