LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(dashboard-v2): fix navbar dropdown hiding behind positioned content

This commit is contained in:
Michał Leszczyk 2022-03-15 15:53:02 +01:00
parent 0ec9b396aa
commit 60b6fd2a48
No known key found for this signature in database
GPG Key ID: FA123CA8BAA2FBF4
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/dashboard-v2/src/components/DropdownMenu/DropdownMenu.js
View File

@ -30,7 +30,7 @@ const TriggerIcon = styled(ChevronDownIcon).attrs({
`; `;
const Flyout = styled.div.attrs(({ open }) => ({ const Flyout = styled.div.attrs(({ open }) => ({
className: `absolute top-full right-0 p-0 className: `absolute top-full right-0 p-0 z-10
border rounded border-palette-100 border rounded border-palette-100
bg-white shadow-md shadow-palette-200/50 bg-white shadow-md shadow-palette-200/50
${open ? "visible" : "invisible"}`, ${open ? "visible" : "invisible"}`,

11
packages/dashboard-v2/src/components/NavBar/NavBar.js
View File

@ -9,7 +9,7 @@ import { PageContainer } from "../PageContainer";
import { NavBarLink, NavBarSection } from "."; import { NavBarLink, NavBarSection } from ".";
const NavBarContainer = styled.div.attrs({ const NavBarContainer = styled.div.attrs({
className: `grid sticky top-0 bg-white`, className: `grid sticky top-0 bg-white z-10`,
})``; })``;
const NavBarBody = styled.nav.attrs({ const NavBarBody = styled.nav.attrs({
@ -68,7 +68,14 @@ export const NavBar = () => (
</NavBarSection> </NavBarSection>
<NavBarSection className="dropdown-area justify-end"> <NavBarSection className="dropdown-area justify-end">
<DropdownMenu title="My account"> <DropdownMenu title="My account">
<DropdownMenuLink to="/settings" as={Link} activeClassName="text-primary" icon={CogIcon} label="Settings" /> <DropdownMenuLink
to="/settings"
as={Link}
activeClassName="text-primary"
icon={CogIcon}
label="Settings"
partiallyActive
/>
<DropdownMenuLink <DropdownMenuLink
to="/logout" to="/logout"
as={Link} as={Link}