diff --git a/src/bundle/Resources/public/scss/ui/modules/common/_simple.dropdown.scss b/src/bundle/Resources/public/scss/ui/modules/common/_simple.dropdown.scss index ce89bf8cf1..41f50cda7b 100644 --- a/src/bundle/Resources/public/scss/ui/modules/common/_simple.dropdown.scss +++ b/src/bundle/Resources/public/scss/ui/modules/common/_simple.dropdown.scss @@ -1,18 +1,24 @@ .c-simple-dropdown { position: relative; min-width: calculateRem(120px); + height: calculateRem(32px); + border: calculateRem(1px) solid transparent; + border-radius: $ibexa-border-radius; + display: flex; + align-items: center; &__selected { font-size: $ibexa-text-font-size-medium; - padding: calculateRem(2px) calculateRem(30px) calculateRem(2px) 0; + padding: calculateRem(2px) calculateRem(30px) calculateRem(2px) calculateRem(8px); min-height: calculateRem(21px); cursor: pointer; position: relative; + width: 100%; } &__expand-icon { position: absolute; - top: calculateRem(9px); + top: calculateRem(7px); right: calculateRem(8px); } @@ -77,6 +83,7 @@ &__list-item-type-icon, &__selected-item-type-icon { margin-right: calculateRem(8px); + margin-top: calculateRem(-2px); } &__option-label { @@ -113,4 +120,12 @@ } } } + + &:hover { + border-color: $ibexa-color-primary; + + .c-simple-dropdown__expand-icon { + fill: $ibexa-color-primary; + } + } } diff --git a/src/bundle/Resources/public/scss/ui/modules/universal-discovery/_tab.selector.scss b/src/bundle/Resources/public/scss/ui/modules/universal-discovery/_tab.selector.scss index 03feef5ab1..5489d27c0f 100644 --- a/src/bundle/Resources/public/scss/ui/modules/universal-discovery/_tab.selector.scss +++ b/src/bundle/Resources/public/scss/ui/modules/universal-discovery/_tab.selector.scss @@ -33,5 +33,11 @@ background-color: $ibexa-color-dark-200; } } + + &:hover { + .ibexa-icon { + fill: $ibexa-color-primary; + } + } } } diff --git a/src/bundle/Resources/public/scss/ui/modules/universal-discovery/_top.menu.search.input.scss b/src/bundle/Resources/public/scss/ui/modules/universal-discovery/_top.menu.search.input.scss index c5cd3c56f4..b836e6d548 100644 --- a/src/bundle/Resources/public/scss/ui/modules/universal-discovery/_top.menu.search.input.scss +++ b/src/bundle/Resources/public/scss/ui/modules/universal-discovery/_top.menu.search.input.scss @@ -1,4 +1,6 @@ .c-top-menu-search-input { + margin-left: calculateRem(8px); + &--search-opened { .c-top-menu-search-input { &__search-input { diff --git a/src/bundle/ui-dev/src/modules/common/simple-dropdown/simple.dropdown.js b/src/bundle/ui-dev/src/modules/common/simple-dropdown/simple.dropdown.js index 9238aba2d3..49dc5778ce 100644 --- a/src/bundle/ui-dev/src/modules/common/simple-dropdown/simple.dropdown.js +++ b/src/bundle/ui-dev/src/modules/common/simple-dropdown/simple.dropdown.js @@ -47,7 +47,7 @@ const SimpleDropdown = ({ options, selectedOption, extraClasses, onOptionClick, const renderCaretIcon = () => { const iconName = isExpanded ? 'caret-up' : 'caret-down'; - return ; + return ; }; const renderSelectedLabel = () => { if (!selectedOption && !!selectedItemLabel) {