diff --git a/css/aui-components/dropdown.scss b/css/aui-components/dropdown.scss index 2b66c5644..dfdf9280e 100644 --- a/css/aui-components/dropdown.scss +++ b/css/aui-components/dropdown.scss @@ -9,6 +9,20 @@ form.aui { } } +.select2-results{ + &::-webkit-scrollbar { + background-color: transparent; + } + &::-webkit-scrollbar-track { + background-color: transparent; + } + &::-webkit-scrollbar-track-piece { + background-color: transparent; + } + &::-webkit-scrollbar-thumb { + background-color: #3572b0; + } +} .aui-select2-drop{ z-index: 901; } diff --git a/modules/UI/side_pannels/settings/SettingsMenu.js b/modules/UI/side_pannels/settings/SettingsMenu.js index 990b66093..3b88640ef 100644 --- a/modules/UI/side_pannels/settings/SettingsMenu.js +++ b/modules/UI/side_pannels/settings/SettingsMenu.js @@ -62,6 +62,12 @@ function generateDevicesOptions(items, selectedId, permissionGranted) { return options.join(''); } +/** + * Replace html select element to select2 custom dropdown + * + * @param {jQueryElement} $el native select element + * @param {function} onSelectedCb fired if item is selected + */ function initSelect2($el, onSelectedCb) { $el.auiSelect2({ minimumResultsForSearch: Infinity,