diff --git a/packages/react-ui-components/src/SelectBox_Option_SingleLine/selectBox_Option_SingleLine.js b/packages/react-ui-components/src/SelectBox_Option_SingleLine/selectBox_Option_SingleLine.js index 6578736c6b..539d7a476a 100644 --- a/packages/react-ui-components/src/SelectBox_Option_SingleLine/selectBox_Option_SingleLine.js +++ b/packages/react-ui-components/src/SelectBox_Option_SingleLine/selectBox_Option_SingleLine.js @@ -18,6 +18,8 @@ class SelectBox_Option_SingleLine extends PureComponent { className: PropTypes.string, + icon: PropTypes.string, + linkOptions: PropTypes.shape({ href: PropTypes.string.isRequired, target: PropTypes.string, @@ -35,6 +37,11 @@ class SelectBox_Option_SingleLine extends PureComponent { [className]: className, [style.linkedItem]: linkOptions }); + const linkClassname = mergeClassNames({ + [style.dropdownLink]: true, + [style.hasIcon]: (option.icon || icon ? true: false) + }); + const previewElementIcon = option.icon ? option.icon : (icon ? icon : null); return ( @@ -42,7 +49,7 @@ class SelectBox_Option_SingleLine extends PureComponent { {linkOptions ? ( {option.label} ) : ( {option.label} diff --git a/packages/react-ui-components/src/SelectBox_Option_SingleLine/style.module.css b/packages/react-ui-components/src/SelectBox_Option_SingleLine/style.module.css index 700add1428..a7467ca1b0 100644 --- a/packages/react-ui-components/src/SelectBox_Option_SingleLine/style.module.css +++ b/packages/react-ui-components/src/SelectBox_Option_SingleLine/style.module.css @@ -2,6 +2,12 @@ color: white; padding: 5px 14px; display: inline-block; + width: 100%; + +} +.hasIcon { + width: calc(100% - 2em); + padding: 5px 0px; } .linkedItem{ padding: 0px !important;