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

A few design fixes (#424)

Browse Source
This commit is contained in:
Charles Bochet
2023-06-25 19:28:02 -07:00
committed by GitHub
parent f0bbfb11ee
commit 643d090091
4 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
front/src/modules/comments/components/CommentHeader.tsx
View File

@ -56,7 +56,7 @@ const StyledTooltip = styled(Tooltip)`
box-shadow: 2px 4px 16px 6px
${(props) => props.theme.lightBackgroundTransparent};
color: ${(props) => props.theme.text100};
color: ${(props) => props.theme.text80};
opacity: 1;
padding: 8px;

2
front/src/modules/comments/components/CommentThread.tsx
View File

@ -42,8 +42,6 @@ const StyledThreadItemListContainer = styled.div`
gap: ${(props) => props.theme.spacing(4)};
justify-content: flex-start;
max-height: 400px;
overflow: auto;
width: 100%;
`;

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

@ -28,7 +28,7 @@ const StyledItem = styled.button<StyledItemProps>`
border-radius: 4px;
color: ${(props) => {
if (props.active) {
return props.theme.text100;
return props.theme.text80;
}
if (props.danger) {
return props.theme.red;
@ -49,7 +49,7 @@ const StyledItem = styled.button<StyledItemProps>`
pointer-events: ${(props) => (props.soon ? 'none' : 'auto')};
:hover {
background: ${(props) => props.theme.lightBackgroundTransparent};
color: ${(props) => (props.danger ? props.theme.red : props.theme.text100)};
color: ${(props) => (props.danger ? props.theme.red : props.theme.text80)};
}
user-select: none;

2
front/src/modules/ui/layout/top-bar/TopBar.tsx
View File

@ -30,7 +30,7 @@ const AddButtonContainer = styled.div`
align-items: center;
border: 1px solid ${(props) => props.theme.primaryBorder};
border-radius: 4px;
color: ${(props) => props.theme.text80};
color: ${(props) => props.theme.text40};
cursor: pointer;
display: flex;
flex-shrink: 0;