Skip to content

Commit a9ddc8b

Browse files
authored
uui-loader-bar: Make loader-bar on uui-menu-item fade in (#1219)
2 parents 16cbc25 + 45834e7 commit a9ddc8b

File tree

1 file changed

+11
-0
lines changed

1 file changed

+11
-0
lines changed

packages/uui-menu-item/lib/uui-menu-item.element.ts

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -617,6 +617,17 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
617617
--uui-button-height: calc(var(--uui-size-base-unit) * 4);
618618
margin-right: var(--uui-size-base-unit);
619619
}
620+
621+
@keyframes fadeIn {
622+
100% {
623+
opacity: 1;
624+
}
625+
}
626+
627+
uui-loader-bar {
628+
opacity: 0;
629+
animation: fadeIn 120ms ease-in 60ms forwards;
630+
}
620631
`,
621632
];
622633
}

0 commit comments

Comments
 (0)