Merge pull request #28 from 51ngul4r1ty/issue/000493/project-picker-s…

…tyling-fix Issue/000493/project picker styling fix
51ngul4r1ty · Dec 12, 2024 · 95e87bb · 95e87bb
2 parents 73ccc23 + 369599c
commit 95e87bb
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v18.19.0
+v18.20.5
diff --git a/packages/shared/src/components/molecules/menus/ProjectPickerMenu.module.css b/packages/shared/src/components/molecules/menus/ProjectPickerMenu.module.css
@@ -1,3 +1,8 @@
 .projectPickerMenu {
     width: 13rem;
 }
+
+.projectPickerMenuContainer {
+    position: absolute;
+    bottom: 0;
+}
diff --git a/packages/shared/src/components/molecules/menus/ProjectPickerMenu.tsx b/packages/shared/src/components/molecules/menus/ProjectPickerMenu.tsx
@@ -51,9 +51,11 @@ export const InnerProjectPickerMenu: React.FC<InnerProjectPickerMenuProps> = (pr
     });
     const className = buildClassName(css.projectPickerMenu, props.className);
     return (
-        <ItemMenuPanel className={className} caretPosition={ItemMenuPanelCaretPosition.BottomLeft} loading={props.loading}>
-            {buttons}
-        </ItemMenuPanel>
+        <div className={css.projectPickerMenuContainer}>
+            <ItemMenuPanel className={className} caretPosition={ItemMenuPanelCaretPosition.BottomLeft} loading={props.loading}>
+                {buttons}
+            </ItemMenuPanel>
+        </div>
     );
 };
 

diff --git a/packages/shared/src/components/organisms/panels/BottomPanel.module.css b/packages/shared/src/components/organisms/panels/BottomPanel.module.css
@@ -34,5 +34,5 @@
 .projectPickerMenu {
     position: relative;
     left: -2.15rem;
-    bottom: 5.9rem;
+    bottom: 2rem;
 }