Button: Type="Ghost" (Secondary) has a Different Visual Design in Headers

[eric-hoffmann-sap]

Expected Behavior

The visual design of buttons using type=“Ghost” is a) consistent and independent of the parent container, and b) according to the visual design specification.

Current Behavior

The visual design of buttons using type=“Ghost” is different depending on the parent container, for example, when placed in a header compared to the content. Open Screen Recording(SAP internal link removed). Bug according to the SAP Fiori for Web team.

Steps to Reproduce the Issue

1. Open a UI5 Sample
2. Enter the following code: `<mvc:View xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core" height="100%" controllerName="sap.m.sample.Button.Page"> <Page title="Page" class="sapUiContentPadding" >

   <content>
       <HBox>
           <Button text="Default / Ghost"
                   press="Ghost">
           </Button>
           <Button text="Transparent"
                   type="Transparent">
           </Button>
       </HBox>
   </content>

   </mvc:View>`

Context

• UI5 Module Version (output of ui5 --version when using the CLI): 1.128
• Node.js Version: unknown
• npm Version: unknown
• OS/Platform: macOS
• Browser (if relevant): Microsoft Edge 127.0.2651.74
• Other information regarding your environment (optional): nothing

[d3xter666]

Hi @eric-hoffmann-sap ,

Thank you for your feedback! Unfortunately, this repo is meant for ui5-tooling issues only. Please raise your concerns into the respective repository: https://github.com/SAP/openui5

Please, also bare in mind not to expose any sap internal information. Instead you can use the internal channels for that!

Cheers