fix: workspace selector positioning

mParticle · Jul 22, 2024 · 34fe6e5 · 34fe6e5
1 parent 87f8a71
commit 34fe6e5
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/components/navigation/GlobalNavigation/WorkspaceSelector/workspace-selector.css b/src/components/navigation/GlobalNavigation/WorkspaceSelector/workspace-selector.css
@@ -34,6 +34,13 @@
 
 .workspaceSelector__avatar {
   color: white !important;
+  top: 1px;
+}
+
+.workspaceSelector__label {
+  position: relative;
+  top: 2px;
+  padding-top: 4px;
 }
 
 .workspaceSelector__popover {

diff --git a/src/components/navigation/GlobalNavigation/global-navigation.css b/src/components/navigation/GlobalNavigation/global-navigation.css
@@ -1,5 +1,6 @@
 :root {
   --nav-item-height: 56px;
+  --nav-item-height-large: 64px;
   --nav-item-width: 82px;
   --nav-width: 90px;
   --suite-logo-height: 82px;
@@ -92,6 +93,10 @@
   cursor: revert !important;
 }
 
+.globalNavigation__item.workspaceSelector__menuItem{
+  height: var(--nav-item-height-large) !important;
+}
+
 .globalNavigation__item .ant-menu-title-content {
   text-wrap: normal;
   margin-inline-start: 0 !important;