From 1786784d12a66552786138efc22a116d7f0d9154 Mon Sep 17 00:00:00 2001
From: "John Molakvoæ (skjnldsv)" <skjnldsv@protonmail.com>
Date: Sat, 4 Nov 2017 13:02:15 +0100
Subject: Popover init
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/styles.scss | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

(limited to 'core/css')

diff --git a/core/css/styles.scss b/core/css/styles.scss
index e35f496f8f9..dda502df4d4 100644
--- a/core/css/styles.scss
+++ b/core/css/styles.scss
@@ -1400,18 +1400,39 @@ div.crumb {
 	height: 44px;
 	background-size: auto 24px;
 	flex: 0 0 auto;
+	order: 1;
+	&.crumbmenu {
+		order: 2;
+		position: relative;
+		a {
+			opacity: 0.5
+		}
+		// Fix because of the display flex
+		.popovermenu {
+			top: 100%;
+			margin-right: 3px;
+		}
+	}
 	&.hidden {
 		display: none;
+		~ .crumb {
+			order: 3;
+		}
 	}
-	a,
+	> a,
 	> span {
 		position: relative;
 		padding: 12px 24px 12px 17px;
-		color: nc-lighten($color-main-text, 33%);
+		opacity: 0.5;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		overflow: hidden;
 	}
+	> a[class^='icon-'] {
+		padding: 0;
+		width: 44px;
+		margin-right: 7px;
+	}
 	&:not(:first-child) a {
 	}
 	&:last-child {
@@ -1422,7 +1443,10 @@ div.crumb {
 		}
 	}
 	&:hover, &:focus, a:focus, &:active {
-		opacity: .7;
+		> a,
+		> span {
+			opacity: .7;
+		}
 	}
 }
 
-- 
cgit v1.2.3