admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add hover effect for navbar collapsable button (#492)

Browse Source
This commit is contained in:
Emilien Chauvet
2023-07-04 09:28:32 -07:00
committed by GitHub
parent 5e1fc1ad11
commit d83313cd93
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/modules/ui/layout/navbar/NavCollapseButton.tsx
View File

@ -13,6 +13,10 @@ const CollapseButton = styled.button<{ hideOnDesktop: boolean | undefined }>`
align-items: center; align-items: center;
background: inherit; background: inherit;
border: 0; border: 0;
&:hover {
background: ${({ theme }) => theme.background.quaternary};
}
border-radius: ${({ theme }) => theme.border.radius.md};
color: ${({ theme }) => theme.font.color.light}; color: ${({ theme }) => theme.font.color.light};
cursor: pointer; cursor: pointer;

2
front/src/modules/ui/layout/navbar/NavWorkspaceButton.tsx
View File

@ -15,9 +15,9 @@ const StyledContainer = styled.div`
justify-content: space-between; justify-content: space-between;
margin-left: ${({ theme }) => theme.spacing(1)}; margin-left: ${({ theme }) => theme.spacing(1)};
padding: ${({ theme }) => theme.spacing(2)}; padding: ${({ theme }) => theme.spacing(2)};
padding-right: ${({ theme }) => theme.spacing(1)};
padding-top: ${({ theme }) => theme.spacing(1)}; padding-top: ${({ theme }) => theme.spacing(1)};
user-select: none; user-select: none;
width: 100%;
`; `;
const LogoAndNameContainer = styled.div` const LogoAndNameContainer = styled.div`