Merge pull request #18322 from ramonlsouza/a11y-9
fix(accessibility): implement the list of users within the session logs as a list
This commit is contained in:
commit
734f591472
@ -563,12 +563,12 @@ class ConnectionStatusComponent extends PureComponent {
|
||||
</div>
|
||||
</Styled.ConnectionTabPanel>
|
||||
<Styled.ConnectionTabPanel selectedClassName="is-selected">
|
||||
<div>{this.renderConnections()}</div>
|
||||
<ul>{this.renderConnections()}</ul>
|
||||
</Styled.ConnectionTabPanel>
|
||||
{Service.isModerator()
|
||||
&& (
|
||||
<Styled.ConnectionTabPanel selectedClassName="is-selected">
|
||||
<div>{this.renderConnections()}</div>
|
||||
<ul>{this.renderConnections()}</ul>
|
||||
</Styled.ConnectionTabPanel>
|
||||
)
|
||||
}
|
||||
|
@ -36,7 +36,7 @@ import {
|
||||
Tab, Tabs, TabList, TabPanel,
|
||||
} from 'react-tabs';
|
||||
|
||||
const Item = styled.div`
|
||||
const Item = styled.li`
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 4rem;
|
||||
@ -322,6 +322,10 @@ const ConnectionTabPanel = styled(TabPanel)`
|
||||
flex-flow: column;
|
||||
}
|
||||
|
||||
& ul {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media ${smallOnly} {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
|
Loading…
Reference in New Issue
Block a user