haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-06 01:12:03 +00:00
Code Issues Releases Wiki Activity

[a11y] side nav footer: added support for 'keyboard access'

Browse Source
This commit is contained in:
llj
2021-09-24 17:31:21 +08:00
parent 00d8b28c33
commit 7491e02b73
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/side-nav-footer.js
View File

@@ -12,7 +12,10 @@ class SideNavFooter extends React.Component {
}; };
} }
onAboutDialogToggle = () => { onAboutDialogToggle = (e) => {
if (e) {
e.preventDefault();
}
this.setState({isAboutDialogShow: !this.state.isAboutDialogShow}); this.setState({isAboutDialogShow: !this.state.isAboutDialogShow});
} }
@@ -35,7 +38,7 @@ class SideNavFooter extends React.Component {
<Fragment> <Fragment>
<div className="side-nav-footer flex-wrap"> <div className="side-nav-footer flex-wrap">
<a href={siteRoot + 'help/'} target="_blank" rel="noopener noreferrer" className="item">{gettext('Help')}</a> <a href={siteRoot + 'help/'} target="_blank" rel="noopener noreferrer" className="item">{gettext('Help')}</a>
<a className="item cursor-pointer" onClick={this.onAboutDialogToggle}>{gettext('About')}</a> <a href="#" className="item" onClick={this.onAboutDialogToggle}>{gettext('About')}</a>
{enableTC && <a href={`${siteRoot}terms/`} className="item">{gettext('Terms')}</a>} {enableTC && <a href={`${siteRoot}terms/`} className="item">{gettext('Terms')}</a>}
{this.renderExternalAppLinks()} {this.renderExternalAppLinks()}
<a href={siteRoot + 'download_client_program/'} className={`item ${additionalAppBottomLinks ? '' : 'last-item'}`}> <a href={siteRoot + 'download_client_program/'} className={`item ${additionalAppBottomLinks ? '' : 'last-item'}`}>