fix(core): fix notification padding and background color (#2937)

taiga-family · Oct 24, 2022 · 4ef310d · 4ef310d
1 parent 8ee204b
commit 4ef310d
Showing 1 changed file with 5 additions and 17 deletions.
diff --git a/projects/core/components/notification/notification.style.less b/projects/core/components/notification/notification.style.less
@@ -4,7 +4,7 @@
     .text-basic();
     position: relative;
     display: block;
-    padding: 0.8125rem 1rem 0.6875rem;
+    padding: 0.75rem 1rem;
     border-radius: var(--tui-radius-m);
     background: #fff; // fallback for IE
     background: var(--tui-base-01);
@@ -27,34 +27,22 @@
 
     &[data-tui-host-status='info'] {
         color: var(--tui-info-fill);
-
-        &:after {
-            background: var(--tui-info-bg);
-        }
+        background: linear-gradient(var(--tui-info-bg), var(--tui-info-bg)), var(--tui-base-01);
     }
 
     &[data-tui-host-status='success'] {
         color: var(--tui-success-fill);
-
-        &:after {
-            background: var(--tui-success-bg);
-        }
+        background: linear-gradient(var(--tui-success-bg), var(--tui-success-bg)), var(--tui-base-01);
     }
 
     &[data-tui-host-status='error'] {
         color: var(--tui-error-fill);
-
-        &:after {
-            background: var(--tui-error-bg);
-        }
+        background: linear-gradient(var(--tui-error-bg), var(--tui-error-bg)), var(--tui-base-01);
     }
 
     &[data-tui-host-status='warning'] {
         color: var(--tui-warning-fill);
-
-        &:after {
-            background: var(--tui-warning-bg);
-        }
+        background: linear-gradient(var(--tui-warning-bg), var(--tui-warning-bg)), var(--tui-base-01);
     }
 }