chight/Web-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix competiting zIndex values between the Canvas Header and the Avatar dropdown menu

Browse Source
This commit is contained in:
Daniel S. Hansen
2025-07-28 11:44:25 -07:00
parent 968f468030
commit 9d6a4b356f
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/layout/Canvas/views/DashboardCanvas.jsx
+1 -1
View File
@@ -70,7 +70,7 @@ export function DashboardCanvas({ layout, setLayout, onLayoutChange }) {
as="header" as="header"
position="sticky" position="sticky"
top="0" top="0"
zIndex="banner" zIndex="dropdown" // zIndex: 1100
bg="base200" bg="base200"
px={6} px={6}
py={3} py={3}
client/src/components/layout/Header/UserAvatarMenu.jsx
+2 -1
View File
@@ -18,7 +18,8 @@ export default function UserAvatarMenu({ name, avatar }) {
</Box> </Box>
</Menu.Trigger> </Menu.Trigger>
<Portal> <Portal>
<Menu.Positioner zIndex="popover"> {/* zIndex: overlay = 1300 */}
<Menu.Positioner zIndex="overlay">
<Menu.Content> <Menu.Content>
<Menu.Item value="account">Account</Menu.Item> <Menu.Item value="account">Account</Menu.Item>
<Menu.Item value="settings">Settings</Menu.Item> <Menu.Item value="settings">Settings</Menu.Item>