diff --git a/web/ASC.Web.Client/src/components/pages/Wizard/sub-components/settings-container.js b/web/ASC.Web.Client/src/components/pages/Wizard/sub-components/settings-container.js index 5c0c08155d..c90abdeb07 100644 --- a/web/ASC.Web.Client/src/components/pages/Wizard/sub-components/settings-container.js +++ b/web/ASC.Web.Client/src/components/pages/Wizard/sub-components/settings-container.js @@ -80,33 +80,35 @@ const SettingsContainer = ({ {t('language')} + className="drop-down" + options={languages} + selectedOption={{ + key: selectLanguage.key, + label: selectLanguage.label + }} + noBorder={true} + scaled={false} + size='content' + dropDownMaxHeight={300} + onSelect={onSelectLanguageHandler} + textOverflow={true} + /> {t('timezone')} + className="drop-down" + options={timezones} + selectedOption={{ + key: selectTimezone.key, + label: selectTimezone.label + }} + noBorder={true} + dropDownMaxHeight={300} + scaled={false} + size='content' + onSelect={onSelectTimezoneHandler} + textOverflow={true} + /> ); diff --git a/web/ASC.Web.Components/src/components/combobox/index.js b/web/ASC.Web.Components/src/components/combobox/index.js index db0a21238a..9657b4ed1d 100644 --- a/web/ASC.Web.Components/src/components/combobox/index.js +++ b/web/ASC.Web.Components/src/components/combobox/index.js @@ -97,7 +97,8 @@ class ComboBox extends React.Component { noBorder, scaledOptions, displayType, - toggleAction } = this.props; + toggleAction, + textOverflow } = this.props; const { isOpen, selectedOption } = this.state; const dropDownMaxHeightProp = dropDownMaxHeight @@ -156,6 +157,7 @@ class ComboBox extends React.Component { ? advancedOptions : options.map((option) => props.textOverflow ? "block" : "flex"}; width: 100%; max-width: 500px; border: 0px; @@ -127,7 +127,8 @@ DropDownItem.propTypes = { children: PropTypes.any, className: PropTypes.string, id: PropTypes.string, - style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]) + style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]), + textOverflow: PropTypes.bool }; DropDownItem.defaultProps = { @@ -136,7 +137,8 @@ DropDownItem.defaultProps = { tabIndex: -1, label: '', disabled: false, - noHover: false + noHover: false, + textOverflow: false }; export default DropDownItem \ No newline at end of file