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) {