Indicate that the text is clickable by showing underline. This is sim…

…lar to the Google Search results.
TomoyukiAota · Dec 12, 2024 · 65c4ad1 · 65c4ad1
1 parent 95a9df0
commit 65c4ad1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/.../thumbnail-generation/status-bar/component/thumbnail-generation-status-bar.component.scss b/.../thumbnail-generation/status-bar/component/thumbnail-generation-status-bar.component.scss
@@ -24,9 +24,6 @@
 
 .anchor-tag-like-text {
   @include anchor-tag-like-text;
-  &:hover {
-    filter: brightness(50%); // To indicate that the text is clickable. Usually, changing the mouse cursor to "pointer" serves the purpose, but it's fixed to "pointer" due to .progress-bar-with-details.
-  }
 }
 
 .progress-bar-with-details {

diff --git a/src/styles/_anchor-tag-like-text.scss b/src/styles/_anchor-tag-like-text.scss
@@ -2,7 +2,11 @@
 @mixin anchor-tag-like-text {
   color: -webkit-link;
   cursor: pointer;
-  text-decoration: underline;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline; // To indicate that the text is clickable.
+  }
 
   &:active {
     color: -webkit-activelink;