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

View File

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

View File

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