betagouv
/
mon-entreprise
mirror of https://github.com/betagouv/mon-entreprise
1
0
Fork 0
Code Releases Activity

fix: List style

pull/2573/head
Benjamin Arias 2023-03-16 14:42:29 +01:00 committed by Jérémy Rialland
parent e25adb1636
commit d2e3e77097
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
site/source/pages/statistiques/DemandesUtilisateurs.tsx
View File

@ -85,7 +85,7 @@ function Issue({ title, number, count, closedAt }: IssueProps) {
const { t } = useTranslation()
return (
<Li>
<StyledLi>
{count > 1 && <Chip>{count} demandes</Chip>}{' '}
<Link
href={`https://github.com/betagouv/mon-entreprise/issues/${number}`}
@ -97,10 +97,26 @@ function Issue({ title, number, count, closedAt }: IssueProps) {
{title}
</Link>{' '}
{closedAt && <small>(Résolu en {formatMonth(new Date(closedAt))})</small>}
</Li>
</StyledLi>
)
}
const StyledLi = styled(Li)`
list-style: none;
&::before {
content: '●' !important;
font-size: 80% !important;
display: inline-block !important;
position: absolute !important;
left: 0 !important;
width: ${({ theme }) => theme.spacings.lg}!important;
text-align: center !important;
color: ${({ theme }) => theme.colors.bases.secondary[400]}!important;
background-color: inherit !important;
margin-bottom: ${({ theme }) => theme.spacings.xs}!important;
}
`
function formatMonth(date: string | Date) {
return new Date(date).toLocaleString('default', {
month: 'long',