Skip to content

[ObjectStatus]: [Wrong shadow for "Information" in sap_fiori_3] #7683

@Na1k

Description

@Na1k

Describe the bug

Hi, when using the ObjectStatus in the inverted mode and the Information state, the text looks "blurry". This is due to the fact that the text-shadow var(-sapContent_TextShadow) is used.

var(--sapContent_ContrastTextShadow) is used in every other case. That's why I suppose this is a bug.

Image

Isolated Example

https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/data-display-objectstatus--docs&globals=theme:sap_fiori_3#all-objectstatus-states

Reproduction steps

  1. Go to https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/data-display-objectstatus--docs&globals=theme:sap_fiori_3#all-objectstatus-states
  2. Compare the shadows of the Inverted -> Information ObjectStatus with the rest

Expected Behaviour

The same shadow as for the other ObjectStatus is used, to have a consistent UI when displaying the ObjectStatus in different states

Screenshots or Videos

No response

UI5 Web Components for React Version

2.13.1

UI5 Web Components Version

2.13.1

Browser

Chrome

Operating System

MacOS

Additional Context

No response

Relevant log output

Organization

No response

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    Status

    🆕 New

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions