search

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.5k stars 260 forks source link

ui5-shellbar: mobile view search transparent background #4059

Closed JarrettChan closed 2 years ago

JarrettChan commented 2 years ago

Bug Description

When --sapShellColor is transparent, the mobile search view has a transparent background and shows the shellbar underneath. ie. sap_belize theme

Expected Behavior

A guaranteed background for .ui5-shellbar-search-full-width-wrapper.

Steps to Reproduce

  1. https://sap.github.io/ui5-webcomponents/playground/components/ShellBar/?sap-ui-theme=sap_belize&isrtl=false
  2. shrink viewport width until "small"
  3. open search

Log Output / Stack Trace / Screenshots

image

Priority

plamenivanov91 commented 2 years ago

Hello Colleagues,

I tested it and the issue is currently reproducible on the latest rc. The issue is not reproducible on the default theme.

Regards, Plamen

nnaydenow commented 2 years ago

Hi @JarrettChan,

The ShellBar component was designed after Belize theme and released with Fiori 3 theme and it is not supposed to be used and supported in this scenario.

Regards, Nayden