Fix styling of notification browser permission denied banner (#31406)

This commit is contained in:
Claire 2024-08-13 21:32:27 +02:00 committed by GitHub
parent c3e1d86d58
commit 12582d095e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -45,14 +45,18 @@ class ColumnSettings extends PureComponent {
return ( return (
<div className='column-settings'> <div className='column-settings'>
{alertsEnabled && browserSupport && browserPermission === 'denied' && (
<span className='warning-hint'><FormattedMessage id='notifications.permission_denied' defaultMessage='Desktop notifications are unavailable due to previously denied browser permissions request' /></span>
)}
<section> <section>
<ClearColumnButton onClick={onClear} /> <ClearColumnButton onClick={onClear} />
</section> </section>
{alertsEnabled && browserSupport && browserPermission === 'denied' && (
<section>
<span className='warning-hint'>
<FormattedMessage id='notifications.permission_denied' defaultMessage='Desktop notifications are unavailable due to previously denied browser permissions request' />
</span>
</section>
)}
{alertsEnabled && browserSupport && browserPermission === 'default' && ( {alertsEnabled && browserSupport && browserPermission === 'default' && (
<section> <section>
<span className='warning-hint'> <span className='warning-hint'>