From 613cfd625c8be11b4fb91d769ddbeee7a535a57a Mon Sep 17 00:00:00 2001
From: Claire <claire.github-309c@sitedethib.com>
Date: Wed, 23 Aug 2023 15:44:52 +0200
Subject: [PATCH] Change hashtag bar tags to be de-emphasized (#26606)
---
.../mastodon/components/hashtag_bar.tsx | 2 +-
app/javascript/styles/mastodon/components.scss | 15 +++++++--------
2 files changed, 8 insertions(+), 9 deletions(-)
diff --git a/app/javascript/mastodon/components/hashtag_bar.tsx b/app/javascript/mastodon/components/hashtag_bar.tsx
index 75bd74da0..674c481b8 100644
--- a/app/javascript/mastodon/components/hashtag_bar.tsx
+++ b/app/javascript/mastodon/components/hashtag_bar.tsx
@@ -216,7 +216,7 @@ const HashtagBar: React.FC<{
<div className='hashtag-bar'>
{revealedHashtags.map((hashtag) => (
<Link key={hashtag} to={`/tags/${hashtag}`}>
- #{hashtag}
+ #<span>{hashtag}</span>
</Link>
))}
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 7662f3d9b..664f6ca02 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -9305,16 +9305,15 @@ noscript {
a {
display: inline-flex;
- border-radius: 4px;
- background: rgba($highlight-text-color, 0.2);
- color: $highlight-text-color;
- padding: 0.4em 0.6em;
+ color: $dark-text-color;
text-decoration: none;
- &:hover,
- &:focus,
- &:active {
- background: rgba($highlight-text-color, 0.3);
+ &:hover {
+ text-decoration: none;
+
+ span {
+ text-decoration: underline;
+ }
}
}
}