From df2f9906a9ebf9bd2875ca81dd51f5fb2ad766d6 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Wed, 21 Mar 2018 21:27:41 +0100
Subject: [PATCH] [scss.menu] added left border when channel active

---
 webpack/scss/menu.scss | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/webpack/scss/menu.scss b/webpack/scss/menu.scss
index dbfe4a4..c9e2464 100644
--- a/webpack/scss/menu.scss
+++ b/webpack/scss/menu.scss
@@ -33,7 +33,7 @@
 		background: $menu-item-bg center center no-repeat;
 		background-size: auto 55%;
 
-		overflow: hidden;
+		overflow: visible;
 
 		cursor: pointer;
 
@@ -65,6 +65,27 @@
 
 		}
 
+		// {4} active channel : left border //
+		&:not([data-add='1']):not([data-sub]):after{
+			content: '';
+
+			display: block;
+			position: absolute;
+				top: 10%;
+				left: calc( #{$menu-item-size/2} - #{$menu-width/2} - 10px );
+				width: 10px;
+				height: 80%;
+
+			border-radius: 3px;
+
+			background-color: #aaa;
+
+			transition: left .2s ease-in-out;
+		}
+		&:not([data-add='1']):not([data-sub]).active:after{
+			left: calc( #{$menu-item-size/2} - #{$menu-width/2} - 5px );
+		}
+
 		// {4} sub label //
 		&[data-sub]:not([data-sub='']){
 
@@ -73,8 +94,6 @@
 
 			margin-bottom: #{$menu-item-space + 2em};
 
-			overflow: visible;
-
 			// show sub-text
 			&:before{
 				content: attr(data-sub);