question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cosmetics: Bottom `sap.m.Button` decoration is overlapped by a white padding/margin when using SAP Horizon theme

See original GitHub issue

OpenUI5 version: reproduced on 1.105.0…1.109.0, other versions might be affected as well.

URL (minimal example if possible): https://sdk.openui5.org/nightly/resources/sap/ui/documentation/sdk/index.html?sap-ui-xx-sample-id=sap.m.sample.UploadSetGroupingSortingFiltering&sap-ui-xx-sample-lib=sap.m&sap-ui-xx-sample-lib=sap.m&sap-ui-xx-sample-origin=.&sap-ui-theme=sap_horizon

Steps to reproduce the problem:

  1. Open https://sdk.openui5.org/nightly/resources/sap/ui/documentation/sdk/index.html?sap-ui-xx-sample-id=sap.m.sample.UploadSetGroupingSortingFiltering&sap-ui-xx-sample-lib=sap.m&sap-ui-xx-sample-lib=sap.m&sap-ui-xx-sample-origin=.&sap-ui-theme=sap_horizon, ensure the SAP Horizon theme is applied!

  2. Mouse over Edit or Remove button: 20_170447

What is the expected result? Mouse over button decoration (button border) should not be overlapped by white padding.

What happens instead? The bottom border is overlapped: 20_170447

Any other information? (attach screenshot if possible) This happens only on SAP Horizon theme, when using SAP Fiori 3 theme, everything is OK: 20_170958

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
flovogtcommented, Nov 10, 2022

@flovogt, the same issue but with the right border:

09_222902

Should I open a new issue or this ticket can be reopened?

Thanks @pubmikeb. Please create a new one, we’ll forward the new issue to the responsible team.

0reactions
pubmikebcommented, Nov 10, 2022
Read more comments on GitHub >

github_iconTop Results From Across the Web

Horizon theme cosmetics: menu overlapping #3541 - GitHub
Jump to bottom. Horizon theme cosmetics: menu overlapping #3541 ... a look on a side menu, the first item is overlapped by another...
Read more >
Horizon theme of SAP Fiori: update on productive usage for ...
We've been waiting for the Horizon Theme to grow up The power of UI5 Themes first shows it's real power when you customize...
Read more >
Theming | SAP Fiori Design Guidelines
The latest theme for SAP applications is called Morning Horizon. ... user interface using the UI theme designer, which works across all SAP...
Read more >
Button | SAP Fiori Design Guidelines
Simple button for one action; Toggle button to switch between different states; Segmented button with a group of options; Menu button with a ......
Read more >
SAP's UI Technologies supporting the new Horizon visual ...
The new visual theme Horizon paves the way with a modern, friendly user interface based on an accessible, modular design system. Among other ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found