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

feature: display a border when hovering the component

Browse Source
This commit is contained in:
Sammy Teillet
2023-04-19 17:20:18 +02:00
parent 71c18e864f
commit b4915895fe
2 changed files with 21 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
front/src/components/table/ClickableCell.tsx
View File

@ -10,6 +10,24 @@ type OwnProps = {
const TD = styled.td`
position: relative;
box-sizing: border-box;
::before {
content: '';
position: absolute;
top: -1px;
left: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
border: 1px solid ${(props) => props.theme.text20};
box-sizing: border-box;
border-radius: 4px;
display: none;
}
:hover::before {
display: block;
}
`;
const Container = styled.span`

6
front/src/layout/styles/themes.ts
View File

@ -32,7 +32,7 @@ const lightThemeSpecific = {
text60: '#666',
text40: '#999999',
text30: '#b3b3b3',
text20: '#ccc',
text20: '#cccccc',
text0: '#fff',
blue: '#1961ed',
@ -58,11 +58,11 @@ const darkThemeSpecific = {
primaryBorder: 'rgba(255, 255, 255, 0.08)',
text100: '#ffffff',
text80: '#ccc',
text80: '#cccccc',
text60: '#999',
text40: '#666',
text30: '#4c4c4c',
text20: '#333',
text20: '#333333',
text0: '#000',
blue: '#6895ec',