Fix styling of notification browser permission denied banner (#31406)
This commit is contained in:
parent
c3e1d86d58
commit
12582d095e
1 changed files with 8 additions and 4 deletions
|
@ -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'>
|
||||||
|
|
Loading…
Reference in a new issue