fix(ui5-notification-list): change host to display:block (#9139)

SAP · Jun 7, 2024 · efb4791 · efb4791
1 parent 28f6a2d
commit efb4791
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/fiori/src/NotificationList.ts b/packages/fiori/src/NotificationList.ts
@@ -17,6 +17,9 @@ import NotificationListInternal from "./NotificationListInternal.js";
 // Template
 import NotificationListTemplate from "./generated/templates/NotificationListTemplate.lit.js";
 
+// Styles
+import NotificationListCss from "./generated/themes/NotificationList.css.js";
+
 // Texts
 import {
 	NOTIFICATION_LIST_ACCESSIBLE_NAME,
@@ -48,7 +51,7 @@ type NotificationItemCloseEventDetail = NotificationItemEventDetail;
 	tag: "ui5-notification-list",
 	renderer: litRender,
 	languageAware: true,
-	styles: [],
+	styles: [NotificationListCss],
 	template: NotificationListTemplate,
 	dependencies: [
 		NotificationListInternal,

diff --git a/packages/fiori/src/themes/NotificationList.css b/packages/fiori/src/themes/NotificationList.css
@@ -0,0 +1,3 @@
+:host(:not([hidden])) {
+	display: block;
+}