From e6f6368d566710bb3f7e63aae0c754e67002193d Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Wed, 19 Feb 2020 20:56:17 +0100
Subject: [PATCH] navbar secondary fixes

---
 pages/_includes/layout/navbar-secondary.html | 14 ++++++++++----
 scss/layout/_navbar.scss                     |  3 +++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/pages/_includes/layout/navbar-secondary.html b/pages/_includes/layout/navbar-secondary.html
index afb9a9c7..f83027f0 100644
--- a/pages/_includes/layout/navbar-secondary.html
+++ b/pages/_includes/layout/navbar-secondary.html
@@ -8,14 +8,14 @@
 
 		<ul class="navbar-nav ml-auto">
 			<li class="nav-item dropdown">
-				<a class="nav-link" data-toggle="dropdown" href="#">
+				<a href="#" class="nav-link" data-toggle="dropdown">
 					{% include ui/icon.html icon="settings" %}
 				</a>
 				{% include ui/dropdown-menu.html right=true icons=true separated=true arrow=true %}
 			</li>
 
 			<li class="nav-item dropdown">
-				<a class="nav-link" data-toggle="dropdown" href="#">
+				<a href="#" class="nav-link" data-toggle="dropdown">
 					{% include ui/flag.html flag="us" class="mr-1" %} English
 				</a>
 				<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
@@ -27,7 +27,7 @@
 			</li>
 
 			<li class="nav-item dropdown">
-				<a class="nav-link" data-toggle="dropdown" href="#">
+				<a href="#" class="nav-link" data-toggle="dropdown">
 					{% include ui/icon.html icon="bell" %}
 				</a>
 				<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow dropdown-menu-card" style="max-width: 20rem;">
@@ -36,7 +36,13 @@
 			</li>
 
 			<li class="nav-item dropdown pl-2">
-				{% include ui/avatar.html person-id=1 dropdown=true %}
+				<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
+					{% include ui/avatar.html person-id=1 %}
+					<div class="d-none d-md-block pl-2">
+						<div>Paweł Kuna</div>
+						<div class="mt-1 small text-muted">Founder</div>
+					</div>
+				</a>
 				{% include ui/dropdown-menu.html right=true icons=true separated=true arrow=true %}
 			</li>
 		</ul>
diff --git a/scss/layout/_navbar.scss b/scss/layout/_navbar.scss
index 2ee764d2..182f92f7 100644
--- a/scss/layout/_navbar.scss
+++ b/scss/layout/_navbar.scss
@@ -162,6 +162,7 @@ Vertical navbar
 
     .nav-link {
       min-height: 0;
+      height: 2.5rem;
       padding-left: $sidenav-padding;
       padding-right: $sidenav-padding;
     }
@@ -275,6 +276,7 @@ All navbars
     min-width: 2rem;
     min-height: 2rem;
     position: relative;
+    user-select: none;
     text-align: center;
   }
 
@@ -358,6 +360,7 @@ Navbar colors
     .nav-link {
       color: inherit;
       opacity: $text-muted-opacity;
+      transition: .3s opacity;
 
       &:hover {
         color: inherit;
-- 
GitLab