Update pf-notification-drawer to element instead of attrib per change…

… to component from directive
openshift · Jul 28, 2017 · 51028b3 · 51028b3
1 parent 966a1c4
commit 51028b3
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 19 deletions.
diff --git a/app/styles/_notifications.less b/app/styles/_notifications.less
@@ -11,7 +11,12 @@
 }
 
 notification-drawer-wrapper {
-  z-index: 10;  // the overview shields are set to 9
+  z-index: 1050;  // the overview shields are set to 9
+  pf-notification-drawer {
+    .drawer-pf {
+      z-index: 1050;
+    }
+  }
 }
 
 .drawer-pf-notification:hover {

diff --git a/app/views/directives/notifications/notification-drawer-wrapper.html b/app/views/directives/notifications/notification-drawer-wrapper.html
@@ -1,18 +1,15 @@
-<div>
-  <div
-    style="z-index: 100;"
-    pf-notification-drawer
-    drawer-hidden="drawerHidden"
-    allow-expand="allowExpand"
-    draw-expanded="drawerExpanded"
-    drawer-title="{{drawerTitle}}"
-    notification-groups="notificationGroups"
-    action-button-title="{{actionButtonTitle}}"
-    action-button-callback="actionButtonCallback"
-    heading-include="{{headingInclude}}"
-    subheading-include="{{subheadingInclude}}"
-    notification-body-include="{{notificationBodyInclude}}"
-    notification-footer-include="{{notificationFooterInclude}}"
-    custom-scope="customScope">
-  </div>
-</div>
+<pf-notification-drawer
+  style="z-index: 100;"
+  drawer-hidden="drawerHidden"
+  allow-expand="allowExpand"
+  draw-expanded="drawerExpanded"
+  drawer-title="{{drawerTitle}}"
+  notification-groups="notificationGroups"
+  action-button-title="{{actionButtonTitle}}"
+  action-button-callback="actionButtonCallback"
+  heading-include="{{headingInclude}}"
+  subheading-include="{{subheadingInclude}}"
+  notification-body-include="{{notificationBodyInclude}}"
+  notification-footer-include="{{notificationFooterInclude}}"
+  custom-scope="customScope">
+</pf-notification-drawer>