fix: remove outer border from theme variants

vaadin · Jan 5, 2021 · 82436f6 · 82436f6
1 parent 385cb84
commit 82436f6
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 0 deletions.
diff --git a/test/visual/screens/vaadin-notification/default-tests-lumo/default/chrome.png b/test/visual/screens/vaadin-notification/default-tests-lumo/default/chrome.png
diff --git a/test/visual/screens/vaadin-notification/default-tests-lumo/default/firefox.png b/test/visual/screens/vaadin-notification/default-tests-lumo/default/firefox.png
diff --git a/theme/lumo/vaadin-notification-styles.html b/theme/lumo/vaadin-notification-styles.html
@@ -135,6 +135,7 @@
       :host([theme~="primary"]) [part="overlay"] {
         background: var(--lumo-primary-color);
         color: var(--lumo-primary-contrast-color);
+        box-shadow: var(--lumo-box-shadow-l);
       }
 
       :host([theme~="primary"]) {
@@ -147,6 +148,7 @@
       :host([theme~="contrast"]) [part="overlay"] {
         background: var(--lumo-contrast);
         color: var(--lumo-base-color);
+        box-shadow: var(--lumo-box-shadow-l);
       }
 
       :host([theme~="contrast"]) {
@@ -159,6 +161,7 @@
       :host([theme~="success"]) [part="overlay"] {
         background: var(--lumo-success-color);
         color: var(--lumo-success-contrast-color);
+        box-shadow: var(--lumo-box-shadow-l);
       }
 
       :host([theme~="success"]) {
@@ -171,6 +174,7 @@
       :host([theme~="error"]) [part="overlay"] {
         background: var(--lumo-error-color);
         color: var(--lumo-error-contrast-color);
+        box-shadow: var(--lumo-box-shadow-l);
       }
 
       :host([theme~="error"]) {