haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-16 23:29:49 +00:00
Code Issues Releases Wiki Activity

[a11y] Published Libraries: added support for 'keyboard access'

Browse Source
This commit is contained in:
llj
2021-09-24 12:24:11 +08:00
parent 03d402abe8
commit df85b0da78
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/wiki-list-view/wiki-list-item.js
View File

@@ -104,7 +104,8 @@ class WikiListItem extends Component {
// this.setState({isRenameing: false}); // this.setState({isRenameing: false});
// } // }
onDeleteToggle = () => { onDeleteToggle = (e) => {
e.preventDefault();
this.props.onUnfreezedItem(); this.props.onUnfreezedItem();
this.setState({ this.setState({
isShowDeleteDialog: !this.state.isShowDeleteDialog, isShowDeleteDialog: !this.state.isShowDeleteDialog,
@@ -138,7 +139,7 @@ class WikiListItem extends Component {
let deleteIcon = `action-icon sf2-icon-x3 ${this.state.highlight ? '' : 'invisible'}`; let deleteIcon = `action-icon sf2-icon-x3 ${this.state.highlight ? '' : 'invisible'}`;
const desktopItem = ( const desktopItem = (
<tr className={this.state.highlight ? 'tr-highlight' : ''} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}> <tr className={this.state.highlight ? 'tr-highlight' : ''} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} onFocus={this.onMouseEnter}>
<td><img src={fileIconUrl} width="24" alt="" /></td> <td><img src={fileIconUrl} width="24" alt="" /></td>
<td className="name"> <td className="name">
<a href={wiki.link}>{wiki.name}</a> <a href={wiki.link}>{wiki.name}</a>
@@ -150,7 +151,7 @@ class WikiListItem extends Component {
<td><a href={userProfileURL} target='_blank'>{wiki.owner_nickname}</a></td> <td><a href={userProfileURL} target='_blank'>{wiki.owner_nickname}</a></td>
<td>{moment(wiki.updated_at).fromNow()}</td> <td>{moment(wiki.updated_at).fromNow()}</td>
<td className="text-center cursor-pointer"> <td className="text-center cursor-pointer">
<span className={deleteIcon} onClick={this.onDeleteToggle}></span> <a href="#" role="button" aria-label={gettext('Unpublish')} title={gettext('Unpublish')} className={deleteIcon} onClick={this.onDeleteToggle}></a>
</td> </td>
</tr> </tr>
); );