Skip to content

Commit 7634d19

Browse files
JesmoDevJesper Møller Jensen
andauthored
fix(uui-button): adjust success and failed state styling (#312)
Co-authored-by: Jesper Møller Jensen <[email protected]>
1 parent 065001b commit 7634d19

File tree

1 file changed

+5
-3
lines changed

1 file changed

+5
-3
lines changed

packages/uui-button/lib/uui-button.element.ts

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -82,14 +82,16 @@ export class UUIButtonElement extends FormControlMixin(
8282
8383
#state {
8484
position: absolute;
85-
transform: translate(-50%, -50%);
86-
top: 50%;
87-
left: 50%;
8885
opacity: 0;
8986
animation-name: fadeIn;
9087
animation-delay: 40ms;
9188
animation-duration: 360ms;
9289
animation-fill-mode: forwards;
90+
display: flex;
91+
justify-content: center;
92+
width: 100%;
93+
height: 100%;
94+
align-items: center;
9395
}
9496
9597
#button {

0 commit comments

Comments
 (0)