twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-11-30 13:42:01 +03:00
Code Issues 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
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 0 deletions
Show Stats 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-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`