TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-27 21:03:29 +03:00
Code Issues Projects Releases Wiki Activity

Fixed viewport width bug in AdminX (#18681)

Browse Source 
refs. https://github.com/TryGhost/Product/issues/3949

- the viewport was getting really wide because of the whitespace
property of newsletter descriptions
This commit is contained in:
Peter Zimon 2023-10-18 10:55:09 +02:00 committed by GitHub
parent a521c23cd3
commit e8768f040c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/admin-x-settings/src/components/settings/email/newsletters/NewslettersList.tsx
View File

@ -24,19 +24,19 @@ const NewsletterItem: React.FC<{newsletter: Newsletter}> = ({newsletter}) => {
<TableCell onClick={showDetails}> <TableCell onClick={showDetails}>
<div className={`flex grow flex-col`}> <div className={`flex grow flex-col`}>
<span className='font-medium'>{newsletter.name}</span> <span className='font-medium'>{newsletter.name}</span>
<span className='whitespace-nowrap text-xs text-grey-700'>{newsletter.description || 'No description'}</span> <span className='mt-0.5 text-xs leading-tight text-grey-700'>{newsletter.description || 'No description'}</span>
</div> </div>
</TableCell> </TableCell>
<TableCell className='hidden md:!visible md:!table-cell' onClick={showDetails}> <TableCell className='hidden md:!visible md:!table-cell' onClick={showDetails}>
<div className={`flex grow flex-col`}> <div className={`flex grow flex-col`}>
<span>{numberWithCommas(newsletter.count?.active_members || 0) }</span> <span>{numberWithCommas(newsletter.count?.active_members || 0) }</span>
<span className='whitespace-nowrap text-xs text-grey-700'>Subscribers</span> <span className='mt-0.5 whitespace-nowrap text-xs leading-tight text-grey-700'>Subscribers</span>
</div> </div>
</TableCell> </TableCell>
<TableCell className='hidden md:!visible md:!table-cell' onClick={showDetails}> <TableCell className='hidden md:!visible md:!table-cell' onClick={showDetails}>
<div className={`flex grow flex-col`}> <div className={`flex grow flex-col`}>
<span>{numberWithCommas(newsletter.count?.posts || 0)}</span> <span>{numberWithCommas(newsletter.count?.posts || 0)}</span>
<span className='whitespace-nowrap text-xs text-grey-700'>Delivered</span> <span className='mt-0.5 whitespace-nowrap text-xs leading-tight text-grey-700'>Delivered</span>
</div> </div>
</TableCell> </TableCell>
</TableRow> </TableRow>