Fixed horrible outline around notif clearing checkbox & moved the overlay to a more sr-friendly place

This commit is contained in:
Ondřej Hruška 2017-07-21 21:12:43 +02:00
parent 604654ccb4
commit 0244019ca1
3 changed files with 7 additions and 12 deletions

View file

@ -103,7 +103,6 @@ We can now render our component.
return (
<div className='notification notification-follow'>
<NotificationOverlayContainer notification={notification} />
<div className='notification__message'>
<div className='notification__favourite-icon-wrapper'>
<i className='fa fa-fw fa-user-plus' />
@ -117,6 +116,7 @@ We can now render our component.
</div>
<AccountContainer id={account.get('id')} withNote={false} />
<NotificationOverlayContainer notification={notification} />
</div>
);
}

View file

@ -526,10 +526,6 @@ applicable.
}
}
markNotifForDelete = () => {
this.setState({ 'markedForDelete' : !this.state.markedForDelete });
}
/*
#### `render()`.
@ -699,11 +695,6 @@ collapsed.
}}
ref={handleRef}
>
{notification ? (
<NotificationOverlayContainer
notification={notification}
/>
) : null}
{prepend && account ? (
<StatusPrepend
type={prepend}
@ -739,6 +730,11 @@ collapsed.
account={status.get('account')}
/>
) : null}
{notification ? (
<NotificationOverlayContainer
notification={notification}
/>
) : null}
</article>
);

View file

@ -503,8 +503,7 @@
align-items: center;
:focus & {
outline: rgb(77, 144, 254) auto 10px;
outline: -webkit-focus-ring-color auto 10px;
box-shadow: 0 0 2px 2px #3e6fc1;
}
}