2
1
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2023-12-13 21:00:40 +01:00

Fixed viewport width bug in AdminX (#18681)

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

View file

@ -24,19 +24,19 @@ const NewsletterItem: React.FC<{newsletter: Newsletter}> = ({newsletter}) => {
<TableCell onClick={showDetails}>
<div className={`flex grow flex-col`}>
<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>
</TableCell>
<TableCell className='hidden md:!visible md:!table-cell' onClick={showDetails}>
<div className={`flex grow flex-col`}>
<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>
</TableCell>
<TableCell className='hidden md:!visible md:!table-cell' onClick={showDetails}>
<div className={`flex grow flex-col`}>
<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>
</TableCell>
</TableRow>