Status: use svg icon for h-menu

This commit is contained in:
Alex Gleason 2021-09-21 13:52:45 -05:00
parent c42db5242b
commit f4be2e87a2
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
4 changed files with 7 additions and 5 deletions

View File

@ -197,7 +197,8 @@ export default class Dropdown extends React.PureComponent {
}; };
static propTypes = { static propTypes = {
icon: PropTypes.string.isRequired, icon: PropTypes.string,
src: PropTypes.string,
items: PropTypes.array.isRequired, items: PropTypes.array.isRequired,
size: PropTypes.number.isRequired, size: PropTypes.number.isRequired,
title: PropTypes.string, title: PropTypes.string,
@ -295,13 +296,14 @@ export default class Dropdown extends React.PureComponent {
} }
render() { render() {
const { icon, items, size, title, disabled, dropdownPlacement, openDropdownId, openedViaKeyboard } = this.props; const { icon, src, items, size, title, disabled, dropdownPlacement, openDropdownId, openedViaKeyboard } = this.props;
const open = this.state.id === openDropdownId; const open = this.state.id === openDropdownId;
return ( return (
<div> <div>
<IconButton <IconButton
icon={icon} icon={icon}
src={src}
title={title} title={title}
active={open} active={open}
disabled={disabled} disabled={disabled}

View File

@ -456,7 +456,7 @@ class StatusActionBar extends ImmutablePureComponent {
{shareButton} {shareButton}
<div className='status__action-bar-dropdown'> <div className='status__action-bar-dropdown'>
<DropdownMenuContainer status={status} items={menu} icon='ellipsis-h' size={18} direction='right' title={intl.formatMessage(messages.more)} /> <DropdownMenuContainer status={status} items={menu} src={require('@tabler/icons/icons/dots.svg')} direction='right' title={intl.formatMessage(messages.more)} />
</div> </div>
</div> </div>
); );

View File

@ -429,7 +429,7 @@ class ActionBar extends React.PureComponent {
{shareButton} {shareButton}
<div className='detailed-status__action-bar-dropdown'> <div className='detailed-status__action-bar-dropdown'>
<DropdownMenuContainer size={18} icon='ellipsis-h' items={menu} direction='left' title='More' /> <DropdownMenuContainer src={require('@tabler/icons/icons/dots.svg')} items={menu} direction='left' title='More' />
</div> </div>
</div> </div>
); );

View File

@ -134,7 +134,7 @@
} }
} }
.detailed-status__button { .detailed-status__action-bar {
.svg-icon { .svg-icon {
width: 24px; width: 24px;
height: 20px; height: 20px;