post/nas
1
0
Fork 0
forked from gitea/nas
Code Pull requests Activity

Add aria-label to icon driven dropdown menus (#2516)

Browse source
This commit is contained in:
Lindsey Bieda 2017-04-27 06:01:36 -04:00 • committed by Eugen Rochko
parent 0dd71af5fa
commit 43a29a9d0f
3 changed files with 11 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
app/assets/javascripts/components/components/dropdown_menu.jsx
View file

@ -43,13 +43,13 @@ class DropdownMenu extends React.PureComponent {
}
render () {
const { icon, items, size, direction } = this.props;
const { icon, items, size, direction, ariaLabel } = this.props;
const directionClass = (direction === "left") ? "dropdown__left" : "dropdown__right";
return (
<Dropdown ref={this.setRef}>
<DropdownTrigger className='icon-button' style={{ fontSize: `${size}px`, width: `${size}px`, lineHeight: `${size}px` }}>
<i className={ `fa fa-fw fa-${icon} dropdown__icon` } />
<DropdownTrigger className='icon-button' style={{ fontSize: `${size}px`, width: `${size}px`, lineHeight: `${size}px` }} aria-label={ariaLabel}>
<i className={ `fa fa-fw fa-${icon} dropdown__icon` } aria-hidden={true} />
</DropdownTrigger>
<DropdownContent className={directionClass}>
@ -67,7 +67,12 @@ DropdownMenu.propTypes = {
icon: PropTypes.string.isRequired,
items: PropTypes.array.isRequired,
size: PropTypes.number.isRequired,
direction: PropTypes.string
direction: PropTypes.string,
ariaLabel: PropTypes.string
};
DropdownMenu.defaultProps = {
ariaLabel: "Menu"
};
export default DropdownMenu;