From 14121f2269507c13781e18d14c8d2f95904dda95 Mon Sep 17 00:00:00 2001
From: BBaoVanC <bbaovanc@bbaovanc.com>
Date: Mon, 1 Nov 2021 20:29:28 -0500
Subject: [PATCH] New navbar and langbar style

---
 assets/css/bobastyle.css  | 38 +++++++++++++++++++++++++++++++-------
 layouts/partials/top.html |  2 +-
 2 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index 5c4dddf..3d96669 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -119,16 +119,40 @@ footer {
 
 /* Navbar formatting */
 .navbar, .langbar {
-  margin: 5px 0px;
-}
-
-(.navbar, .langbar) h2 {
-  color: inherit;
-  text-decoration: inherit;
+  display: flex;
+  flex-wrap: nowrap;
+  flex-direction: row;
+  background-color: #222;
+  border-radius: 8px;
+  margin-top: 5px;
+  align-items: flex-start;
 }
 
 .navbar-item, .langbar-item {
-  margin-right: 5px;
+  /*flex-grow: 1;*/
+  padding: 8px 12px;
+  border-radius: 8px;
+}
+
+/*.navbar-item:first-child,
+.langbar-item:first-child {
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px;
+}
+
+.navbar-item:last-child,
+.langbar-item:last-child {
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
+}*/
+
+.navbar-item:hover, .langbar-item:hover {
+  background-color: #444;
+  text-decoration: none;
+}
+
+.langbar-item.selected {
+  font-weight: bold;
 }
 
 
diff --git a/layouts/partials/top.html b/layouts/partials/top.html
index 76d4811..e01ec48 100644
--- a/layouts/partials/top.html
+++ b/layouts/partials/top.html
@@ -17,7 +17,7 @@
     {{ range .Site.Home.AllTranslations }}
 
     {{ if eq .Language $.Site.Language }}
-    <b><a class="langbar-item" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></b>
+    <a class="langbar-item selected" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
     {{ else }}
     <a class="langbar-item" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
     {{ end }}