EPMRPP-90680 || Popover is broken in sidebar (#3819)

* EPMRPP-90680 || Popover is broken in sidebar * EPMRPP-90680 || Code Review fix - 1 * EPMRPP-90680 || fix organization popover
reportportal · May 6, 2024 · c4eb11b · c4eb11b
1 parent b1639a5
commit c4eb11b
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 24 deletions.
diff --git a/app/src/layouts/appLayout/projectSidebar/organizationsControl/organizationsControl.scss b/app/src/layouts/appLayout/projectSidebar/organizationsControl/organizationsControl.scss
@@ -93,7 +93,7 @@
 
 .popover {
   max-height: calc(100% - 112px);
-  margin-left: -4px;
+  margin-left: 4px;
   padding: 8px 0;
 
   &::after {

diff --git a/app/src/layouts/common/appSidebar/appSidebar.scss b/app/src/layouts/common/appSidebar/appSidebar.scss
@@ -113,17 +113,6 @@
   }
 }
 
-.user-control {
-  width: 100%;
-  box-sizing: border-box;
-  padding: 0 8px;
-  cursor: pointer;
-
-  &:hover {
-    background-color: $COLOR--darkmode-gray-500;
-  }
-}
-
 .hover {
   background-color: $COLOR--darkmode-gray-500;
 
@@ -137,3 +126,14 @@
     }
   }
 }
+
+.user-control {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 8px;
+  cursor: pointer;
+
+  &:hover {
+    @extend .hover;
+  }
+}
diff --git a/app/src/layouts/common/appSidebar/userControl/userControl.scss b/app/src/layouts/common/appSidebar/userControl/userControl.scss
@@ -27,17 +27,6 @@
   color: $COLOR--darkmode-gray-100;
   width: 100%;
 
-  &:hover {
-    background-color: $COLOR--darkmode-gray-500;
-    .user-details {
-      color: $COLOR--white-two;
-    }
-
-    path {
-      fill: $COLOR--white-two;
-    }
-  }
-
   @media (max-width: $SCREEN_XS_MAX) {
     display: none;
   }
@@ -103,9 +92,11 @@
 
 .popover-control {
   height: 48px;
-  width: 100%;
+  width: 264px;
   padding: 0 6px;
   border: 2px solid transparent;
+  display: flex;
+  align-items: center;
 
   &:focus-visible {
     outline: none;