Skip to content

fix(ui5-search-field): Align hover/active background with design spec - #13951

Open
aleksandar-terziev wants to merge 1 commit into
mainfrom
ui5-search-field-theming
Open

fix(ui5-search-field): Align hover/active background with design spec#13951
aleksandar-terziev wants to merge 1 commit into
mainfrom
ui5-search-field-theming

Conversation

@aleksandar-terziev

Copy link
Copy Markdown
Contributor

Changes:

  • Set the hover through sapShell_Hover_Background and add sapShell_Active_Background for the active state

@sap-ui5-webcomponents-release

Copy link
Copy Markdown

@nikoletavnv
nikoletavnv deployed to netlify-preview August 19, 2026 09:48 — with GitHub Actions Active
@import "../base/DynamicPage-parameters.css";
@import "../base/SearchField-parameters.css";
@import "./SearchField-parameters.css";
@import "../base/Search-parameters.css";

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We can remove the duplicate import of @import "../base/Search-parameters.css";

Comment thread packages/fiori/src/themes/sap_horizon/SearchField-parameters.css
--_ui5_search_separator_background: var(--sapShell_InteractiveBorderColor);
--_ui5-search-wrapper-hover-background: var(--sapField_Hover_BackgroundStyle);
--_ui5-search-wrapper-hover-background-color: var(--sapField_Hover_Background);
--_ui5-search-wrapper-hover-background-color: var(--sapShell_Hover_Background);

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I noticed that you have already created files for Horizon Light and Dark parameters. Please, adjust --_ui5-search-wrapper-hover-background-color in the same way as the one for "active" state. "none" as a value here and different value only in Horizon Light and Dark

Comment thread packages/fiori/src/themes/SearchField.css
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants