moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Key navigation 

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2021-11-06 11:26:50 +01:00
parent 1796a35951
commit 187d579be0
3 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/soapbox/components/scrollable_list.js
View File

@ -20,7 +20,7 @@ const mapStateToProps = state => {
};
};
export default @connect(mapStateToProps)
export default @connect(mapStateToProps, null, null, { forwardRef: true })
class ScrollableList extends PureComponent {
static contextTypes = {

2
app/soapbox/features/notifications/components/notification.js
View File

@ -174,7 +174,7 @@ class Notification extends ImmutablePureComponent {
renderMention(notification) {
return (
<div className='notification notification-mention' tabIndex='0'>
<div className='notification notification-mention focusable-within' tabIndex='0'>
<StatusContainer
id={notification.getIn(['status', 'id'])}
withDismiss

15
app/styles/components/status.scss
View File

@ -473,15 +473,14 @@
}
}
.focusable {
&:focus {
outline: 0;
box-shadow: 0 0 6px 0 hsla(var(--brand-color_hsl), 0.7);
.focusable:focus,
.focusable-within:focus-within {
outline: 0;
box-shadow: 0 0 6px 0 hsla(var(--brand-color_hsl), 0.7);
.status.status-direct {
&.muted {
background: transparent;
}
.status.status-direct {
&.muted {
background: transparent;
}
}
}