[couchdb-fauxton] branch main updated: [Bug fix] Adjust icon badge placement when nav bar is expanded (#1408)

[amaranhao]

This is an automated email from the ASF dual-hosted git repository.

amaranhao pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/couchdb-fauxton.git


The following commit(s) were added to refs/heads/main by this push:
     new b6873553 [Bug fix] Adjust icon badge placement when nav bar is 
expanded (#1408)
b6873553 is described below

commit b6873553927cab2fa23ee11393e877b90dc46c17
Author: Margaret Harrigan <39278650+mharriga...@users.noreply.github.com>
AuthorDate: Wed Aug 2 18:54:16 2023 -0400

    [Bug fix] Adjust icon badge placement when nav bar is expanded (#1408)
---
 app/addons/fauxton/assets/scss/_navigation.scss | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/addons/fauxton/assets/scss/_navigation.scss 
b/app/addons/fauxton/assets/scss/_navigation.scss
index 6426a263..9a6ae176 100644
--- a/app/addons/fauxton/assets/scss/_navigation.scss
+++ b/app/addons/fauxton/assets/scss/_navigation.scss
@@ -45,10 +45,20 @@
 
 .faux-navbar--narrow {
   width: $cf-navbar-width-collapsed;
+
+  .faux-navbar__icon-badge:after {
+    bottom: 38px;
+    right: 10px;
+  }
 }
 
 .faux-navbar--wide {
   width: $cf-navbar-width;
+
+  .faux-navbar__icon-badge:after {
+    bottom: 11.5px;
+    right: 107px;
+  }
 }
 
 .faux-navbar__burger:hover .faux-navbar__burger__icon {
@@ -125,8 +135,6 @@
   content: "";
   display: inline-block;
   position: relative;
-  top: -42px;
-  right: 8px;
   background: $cf-navbar-item-badge-bg;
   border: 1px solid $cf-navbar-item-badge-bg;
   height: 8px;