Notification styles should be scoped more eagerly (#14872)

Change-Id: Ifb648b8913c9999d3c0c855f05f79c8356577887

1 files changed, 9 insertions, 9 deletions

diff --git a/WebContent/VAADIN/themes/base/notification/notification.scss b/WebContent/VAADIN/themes/base/notification/notification.scss
index a91e26947d..7f7262b1b4 100644
--- a/WebContent/VAADIN/themes/base/notification/notification.scss
+++ b/WebContent/VAADIN/themes/base/notification/notification.scss
@@ -10,12 +10,12 @@
 	opacity: .9;
 	filter: alpha(opacity=90);
 }
-.#{$primaryStyleName} h1,
-.#{$primaryStyleName} p,
-.#{$primaryStyleName}-error h1,
-.#{$primaryStyleName}-error p,
-.#{$primaryStyleName}-warning h1,
-.#{$primaryStyleName}-warning p {
+.#{$primaryStyleName} .#{$primaryStyleName}-caption,
+.#{$primaryStyleName} .#{$primaryStyleName}-description,
+.#{$primaryStyleName}-error .#{$primaryStyleName}-caption,
+.#{$primaryStyleName}-error .#{$primaryStyleName}-description,
+.#{$primaryStyleName}-warning .#{$primaryStyleName}-caption,
+.#{$primaryStyleName}-warning .#{$primaryStyleName}-description {
 	display: inline;
 	margin: 0 0.5em 0 0;
 }
@@ -25,16 +25,16 @@
 .#{$primaryStyleName}-error {
 	background: red;
 }
-.#{$primaryStyleName}-tray h1 {
+.#{$primaryStyleName}-tray .#{$primaryStyleName}-caption {
 	display: block;
 }
-.#{$primaryStyleName}-tray p {
+.#{$primaryStyleName}-tray .#{$primaryStyleName}-description {
 	display: block;
 }
 .#{$primaryStyleName}-system {
 	background-color: red;
 }
-.#{$primaryStyleName}-system h1 {
+.#{$primaryStyleName}-system .#{$primaryStyleName}-caption {
 	display: block;
 	margin: 0;
 }