Fix border-bottom of active tab bars (#11068)

5 years ago · 89025150d1
parent e6fc96ff62
commit 89025150d1
1 changed files with 5 additions and 5 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@ -1965,11 +1965,6 @@ a.account__display-name {
    font-size: 16px;
  }

-  &.active {
-    border-bottom: 2px solid $highlight-text-color;
-    color: $highlight-text-color;
-  }
-
  &:hover,
  &:focus,
  &:active {
@ -1979,6 +1974,11 @@ a.account__display-name {
    }
  }

+  &.active {
+    border-bottom: 2px solid $highlight-text-color;
+    color: $highlight-text-color;
+  }
+
  span {
    margin-left: 5px;
    display: none;