diff --git a/desktop/src/app/components/docedit/core/forms/dropdown.scss b/desktop/src/app/components/docedit/core/forms/dropdown.scss index 4d1461d294..37052c6b9d 100644 --- a/desktop/src/app/components/docedit/core/forms/dropdown.scss +++ b/desktop/src/app/components/docedit/core/forms/dropdown.scss @@ -2,87 +2,7 @@ * @author Thomas Kleinke */ form-field-dropdown { - .ng-select { - .ng-select-container { - height: 33px !important; - min-height: 33px; - - .ng-value-container { - height: 100%; - - .ng-value { - width: calc(100% - 45px); - } - } - } - - &.ng-select-opened, - &.ng-select-focused, - &.ng-touched, - &.ng-dirty { - .ng-input { - margin-top: -1px !important; - } - - .ng-value { - position: absolute; - top: 11px; - } - - .ng-clear-wrapper { - position: absolute; - top: 10.5px; - right: 25px; - } - - .ng-arrow-wrapper { - position: absolute; - right: 0; - top: 11px; - } - } - - .ng-select-container { - border-radius: 0; - font-size: 13px; - transition: border-color 0.15s ease-in-out; - - .ng-clear-wrapper, - .ng-arrow-wrapper { - cursor: default; - } - } - - &.ng-select-focused .ng-select-container { - border-color: #7998cb !important; - box-shadow: none !important; - } - } - empty-valuelist-info { margin-top: 10px; } } - -.ng-dropdown-panel { - font-size: 13px; - transition: border-color 0.15s ease-in-out; - overflow-x: hidden; - - &.ng-select-top { - border-bottom-color: #7998cb !important; - } - - &.ng-select-bottom { - border-top-color: #7998cb !important; - } - - .ng-option { - cursor: default !important; - - &.ng-option-marked, - &.ng-option-selected { - background-color: $list-item-hover-color !important; - } - } -} diff --git a/desktop/src/app/components/widgets/widgets.scss b/desktop/src/app/components/widgets/widgets.scss index f8992f1ee4..64c64029a7 100644 --- a/desktop/src/app/components/widgets/widgets.scss +++ b/desktop/src/app/components/widgets/widgets.scss @@ -11,6 +11,7 @@ @import 'paging-buttons'; @import 'context-menu'; @import 'edit-save-dialog'; +@import 'searchable-select'; @import 'languages/language-picker-modal'; @import 'languages/languages-list'; @import 'document-info/document-info';