Fixed collection menu
This commit is contained in:
@ -80,8 +80,6 @@ const Label = styled(Flex).attrs({
|
|||||||
justify: 'center',
|
justify: 'center',
|
||||||
align: 'center',
|
align: 'center',
|
||||||
})`
|
})`
|
||||||
width: 22px;
|
|
||||||
height: 22px;
|
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
`;
|
`;
|
||||||
|
@ -1,6 +1,8 @@
|
|||||||
// @flow
|
// @flow
|
||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
import { inject, observer } from 'mobx-react';
|
import { inject, observer } from 'mobx-react';
|
||||||
|
import styled from 'styled-components';
|
||||||
|
|
||||||
import Collection from 'models/Collection';
|
import Collection from 'models/Collection';
|
||||||
import UiStore from 'stores/UiStore';
|
import UiStore from 'stores/UiStore';
|
||||||
import Icon from 'components/Icon';
|
import Icon from 'components/Icon';
|
||||||
@ -32,7 +34,7 @@ import { DropdownMenu, DropdownMenuItem } from 'components/DropdownMenu';
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<DropdownMenu
|
<DropdownMenu
|
||||||
label={label || <Icon type="MoreHorizontal" />}
|
label={label || <MoreIcon type="MoreHorizontal" />}
|
||||||
onShow={onShow}
|
onShow={onShow}
|
||||||
onClose={onClose}
|
onClose={onClose}
|
||||||
>
|
>
|
||||||
@ -45,4 +47,9 @@ import { DropdownMenu, DropdownMenuItem } from 'components/DropdownMenu';
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const MoreIcon = styled(Icon)`
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
`;
|
||||||
|
|
||||||
export default inject('ui')(CollectionMenu);
|
export default inject('ui')(CollectionMenu);
|
||||||
|
Reference in New Issue
Block a user