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

Add ButtonGroup concept + Soon pill on button + implement in timeline (#551)

Browse Source 
* Add ButtonGroup concept

* Add soon pill

* Fix incorrect wrapping behavior

* Implement button group in timeline
This commit is contained in:
Félix Malfait
2023-07-10 14:06:35 +02:00
committed by GitHub
parent c529c49ea6
commit a2da3a5f09
11 changed files with 292 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -65,16 +65,16 @@ const StyledItemLabel = styled.div`
`;
const StyledSoonPill = styled.div`
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
background-color: ${({ theme }) => theme.background.transparent.light};
border-radius: 50px;
display: flex;
font-size: ${({ theme }) => theme.font.size.xs};
height: 16px;
justify-content: center;
margin-left: auto;
padding-left: ${({ theme }) => theme.spacing(2)};
padding-right: ${({ theme }) => theme.spacing(2)};
margin-left: auto; // this aligns the pill to the right
`;
function NavItem({ label, icon, to, onClick, active, danger, soon }: OwnProps) {