IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: Components: Fixed DropDownItem children property usage.

Browse Source
This commit is contained in:
Ilya Oleshko 2019-08-30 16:42:35 +03:00
parent 2bdf78d45b
commit 924bbc71d6
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/ASC.Web.Components/src/components/drop-down-item/index.js
View File

@ -14,7 +14,7 @@ const fontStyle = css`
font-style: normal;
`;
const StyledDropdownItem = styled.button`
const StyledDropdownItem = styled.div`
width: ${props => (props.isSeparator ? 'calc(100% - 32px)' : '100%')};
height: ${props => (props.isSeparator && '1px')};
line-height: ${props => (props.isSeparator ? '1px' : '36px')};
@ -80,7 +80,7 @@ const IconWrapper = styled.span`
const DropDownItem = props => {
//console.log("DropDownItem render");
const { isSeparator, label, icon } = props;
const { isSeparator, label, icon, children } = props;
const color = props.disabled ? '#A3A9AE' : '#333333';
return (
@ -90,7 +90,7 @@ const DropDownItem = props => {
{React.createElement(Icons[icon], {size: "scale", color: color, isfill: true})}
</IconWrapper>
}
{isSeparator ? '\u00A0' : label}
{isSeparator ? '\u00A0' : label ? label : children && children}
</StyledDropdownItem>
);
};