Merge pull request #5 from halkeye/feat-nav-hover

feat(navbar): Add hover css
jenkins-infra · Oct 10, 2022 · 74acec4 · 74acec4
2 parents a446b5f + a6ba2fe
commit 74acec4
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/src/jio-navbar.scss b/src/jio-navbar.scss
@@ -1,3 +1,7 @@
+a:focus-visible {
+  outline: 2px solid hsl(212, 100%, 5%);
+}
+
 .navbar-toggler {
   background-color: transparent;
   border: 1px solid transparent;
@@ -176,7 +180,20 @@ button.nav-link {
   text-align: inherit;
   text-decoration: none;
   white-space: nowrap;
-  width: 100%;
+}
+
+.dropdown-item:focus,
+.dropdown-item:hover {
+  background-color: #cbd3da;
+  color: #16181b;
+  text-decoration: none;
+}
+
+.dropdown-item.active,
+.dropdown-item:active {
+  background-color: #007bff;
+  color: #fff;
+  text-decoration: none;
 }
 
 .searchbox {