Project sidebar: tweak to active item state

2017-07-13 15:44:00 +02:00
parent c9af6fe44f
commit 8a8f654657
3 changed files with 29 additions and 26 deletions
--- a/src/styles/_project.sass
+++ b/src/styles/_project.sass
@@ -116,14 +116,17 @@ $project-sidebar-background: lighten($color-background, 5%)
 			&.active
 				background-color: $color-background-nav-light

-				+media-xs
-					border-bottom: 2px solid $color-primary
-				+media-sm
-					border-bottom: 2px solid $color-primary
-				+media-md
-					border-left: 2px solid $color-primary
-				+media-lg
-					border-left: 2px solid $color-primary
+				&:after
+					content: ''
+					border: 7px solid $color-background
+					border-left-color: transparent
+					border-top-color: transparent
+					border-bottom-color: transparent
+					display: block
+					position: absolute
+					top: 50%
+					right: 0
+					transform: translateY(-50%)

 				a
 					color: white