Skip to content

Commit 9b6b625

Browse files
authored
fix(ui5-button): adjust button badge z-index (#11930)
The `z-index` property of the slotted `ui5-button-badge` inside of the `ui5-button` is set to **1000** - this value is very high and it happens that badge can appear over other elements that appear on higher `z-index` (as dialogs, etc.). This PR sets the `z-index` to **1**, which is more secure options and doesn't destroy current badge appearance.
1 parent f598573 commit 9b6b625

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

packages/main/src/themes/Button.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -318,7 +318,7 @@ bdi {
318318
top: 0;
319319
inset-inline-end: 0;
320320
margin: -0.5rem;
321-
z-index: 1000;
321+
z-index: 1;
322322
font-family: "72override", var(--sapButton_FontFamily);
323323
font-size: var(--sapFontSmallSize);
324324
--_ui5-tag-height: 0.625rem;
@@ -331,7 +331,7 @@ bdi {
331331
top: 0;
332332
inset-inline-end: 0;
333333
margin: -0.25rem;
334-
z-index: 1000;
334+
z-index: 1;
335335
}
336336

337337
:host(:state(has-overlay-badge)) {

0 commit comments

Comments
 (0)