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

Added shadow effect on table cell hover (#258)

Browse Source 
Added shadow effect to replace border resizing components
This commit is contained in:
Lucas Bordeau
2023-06-09 11:06:01 +02:00
committed by GitHub
parent 024adb9221
commit ab1f1a3f67
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
front/src/modules/ui/components/editable-cell/EditableCellDisplayMode.tsx
View File

@ -10,6 +10,16 @@ export const EditableCellNormalModeOuterContainer = styled.div`
padding-left: ${(props) => props.theme.spacing(2)}; padding-left: ${(props) => props.theme.spacing(2)};
padding-right: ${(props) => props.theme.spacing(1)}; padding-right: ${(props) => props.theme.spacing(1)};
&:hover {
background: ${(props) => props.theme.secondaryBackgroundTransparent};
-webkit-box-shadow: inset 0 0 0 1px ${(props) => props.theme.text20};
-moz-box-shadow: inset 0 0 0 1px ${(props) => props.theme.text20};
box-shadow: inset 0 0 0 1px ${(props) => props.theme.text20};
border-radius: ${(props) => props.theme.borderRadius};
}
`; `;
export const EditableCellNormalModeInnerContainer = styled.div` export const EditableCellNormalModeInnerContainer = styled.div`