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 = {
icon: PropTypes.string.isRequired,
icon: PropTypes.string,
src: PropTypes.string,
items: PropTypes.array.isRequired,
size: PropTypes.number.isRequired,
title: PropTypes.string,
@ -295,13 +296,14 @@ export default class Dropdown extends React.PureComponent {
}
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;
return (
<div>
<IconButton
icon={icon}
src={src}
title={title}
active={open}
disabled={disabled}

View file

@ -456,7 +456,7 @@ class StatusActionBar extends ImmutablePureComponent {
{shareButton}
<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>
);

View file

@ -429,7 +429,7 @@ class ActionBar extends React.PureComponent {
{shareButton}
<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>
);

View file

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