From f41f4f1932642774de65895c9a2019376a27bb08 Mon Sep 17 00:00:00 2001
From: "John Molakvoæ (skjnldsv)" <skjnldsv@protonmail.com>
Date: Thu, 21 Sep 2017 19:08:49 +0200
Subject: Settings button as nav entry
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 core/css/apps.scss | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

(limited to 'core/css')

diff --git a/core/css/apps.scss b/core/css/apps.scss
index f867576caa4..5f90f13e934 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -577,9 +577,11 @@ kbd {
 	/* change to 100% when layout positions are absolute */
 	bottom: 0;
 	z-index: 140;
-	&.open #app-settings-content,
-	&.opened #app-settings-content {
-		display: block;
+	&.open,
+	&.opened {
+		#app-settings-content {
+			display: block;
+		}
 	}
 }
 
@@ -618,7 +620,7 @@ kbd {
 	padding: 0;
 	margin: 0;
 	background-color: $color-main-background;
-	background-image: url('../img/actions/settings.svg?v=1');
+	background-image: url('../img/actions/settings-dark.svg?v=1');
 	background-position: 14px center;
 	background-repeat: no-repeat;
 	box-shadow: none;
@@ -627,14 +629,16 @@ kbd {
 	text-align: left;
 	padding-left: 42px;
 	font-weight: 400;
-	&:hover,
-	&:focus {
+
+	/* like app-navigation a */
+	color: $color-main-text;
+	opacity: .57;
+
+	&.opened,
+	&:hover {
 		background-color: $color-main-background;
-	}
-	&.opened {
-		&:hover, &:focus {
-			background-color: $color-main-background;
-		}
+		opacity: 1;
+		box-shadow: inset 2px 0 $color-primary;
 	}
 }
 
-- 
cgit v1.2.3