From cf142e85569be5e7e0dae7e02f490c737a238319 Mon Sep 17 00:00:00 2001
From: Thibaut Girka <thib@sitedethib.com>
Date: Thu, 13 Sep 2018 11:20:21 +0200
Subject: [Glitch] Highlight active tab in action bar

Port 7b7c26063e3fcf9e75a61780d81bd60b7c398ead to glitch-soc
---
 app/javascript/flavours/glitch/styles/components/accounts.scss | 5 +++++
 1 file changed, 5 insertions(+)

(limited to 'app/javascript/flavours/glitch/styles')

diff --git a/app/javascript/flavours/glitch/styles/components/accounts.scss b/app/javascript/flavours/glitch/styles/components/accounts.scss
index b2b6248ff..3eddd7fb4 100644
--- a/app/javascript/flavours/glitch/styles/components/accounts.scss
+++ b/app/javascript/flavours/glitch/styles/components/accounts.scss
@@ -239,6 +239,11 @@
   flex: 0 1 100%;
   border-left: 1px solid lighten($ui-base-color, 8%);
   padding: 10px 0;
+  border-bottom: 4px solid transparent;
+
+  &.active {
+    border-bottom: 4px solid $ui-highlight-color;
+  }
 
   & > span {
     display: block;
-- 
cgit