[Glitch] Fix border-bottom of active tab bars

Port faafc3ae25 to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
6 years ago · 983cbd558d
parent 0f41be5581
commit 983cbd558d
1 changed files with 5 additions and 5 deletions
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@ -615,11 +615,6 @@
    font-size: 16px;
  }

-  &.active {
-    border-bottom: 2px solid $ui-highlight-color;
-    color: $highlight-text-color;
-  }
-
  &:hover,
  &:focus,
  &:active {
@ -629,6 +624,11 @@
    }
  }

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