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:
Ramón Souza 2023-07-17 11:35:02 -03:00 committed by GitHub
commit 734f591472
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 3 deletions

View File

@ -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>
)
}

View File

@ -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;