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

bugfix: fix direction and zindex of dropdown

Browse Source
This commit is contained in:
Sammy Teillet
2023-04-24 14:14:40 +02:00
parent be947bdc8f
commit c7dc9cf83b
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
front/src/components/table/table-header/DropdownButton.tsx
View File

@ -15,6 +15,7 @@ const StyledDropdownButtonContainer = styled.div`
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
z-index: 1;
`; `;
type StyledDropdownButtonProps = { type StyledDropdownButtonProps = {
@ -37,6 +38,7 @@ const StyledDropdownButton = styled.div<StyledDropdownButtonProps>`
const StyledDropdown = styled.ul` const StyledDropdown = styled.ul`
display: flex; display: flex;
flex-direction: column;
position: absolute; position: absolute;
top: 14px; top: 14px;
right: 0; right: 0;
@ -55,7 +57,6 @@ const StyledDropdownItem = styled.li`
margin: 2px; margin: 2px;
background: ${(props) => props.theme.primaryBackground}; background: ${(props) => props.theme.primaryBackground};
cursor: pointer; cursor: pointer;
width: 100%;
border-radius: 4px; border-radius: 4px;
color: ${(props) => props.theme.text60}; color: ${(props) => props.theme.text60};