fix(navigation): use min-width for site popover (#19415)

PostHog · Dec 20, 2023 · 6b9b72f · 6b9b72f
1 parent fa62bcf
commit 6b9b72f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/frontend/src/layout/navigation-3000/components/Navbar.tsx b/frontend/src/layout/navigation-3000/components/Navbar.tsx
@@ -104,6 +104,7 @@ export function Navbar(): JSX.Element {
                                 visible={isSitePopoverOpen}
                                 onClickOutside={closeSitePopover}
                                 placement="right-end"
+                                className="min-w-70"
                             >
                                 <NavbarButton
                                     icon={<ProfilePicture name={user?.first_name} email={user?.email} size="md" />}

diff --git a/frontend/src/styles/vars.scss b/frontend/src/styles/vars.scss
@@ -15,7 +15,7 @@ $screens: (
     'xxl': $xxl,
 );
 $tiny_spaces: 0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20;
-$humongous_spaces: 24, 30, 32, 40, 50, 60, 80, 100, 120, 140, 160, 180, 200;
+$humongous_spaces: 24, 30, 32, 40, 50, 60, 70, 80, 100, 120, 140, 160, 180, 200;
 $all_spaces: list.join($tiny_spaces, $humongous_spaces);
 $flex_sizes: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10;
 $leadings: 3, 4, 5, 6, 7, 8, 9, 10;