fix: web notification style (#1118)

* fix: web notification style * fix: lint
ocean-ds · Aug 19, 2024 · 7e6ad5a · 7e6ad5a
1 parent 2121e3d
commit 7e6ad5a
Showing 1 changed file with 8 additions and 11 deletions.
diff --git a/packages/ocean-core/src/components/_web-notification.scss b/packages/ocean-core/src/components/_web-notification.scss
@@ -82,10 +82,9 @@ $max-notifications: 10;
   &__content {
     display: flex;
     gap: $spacing-inline-xxs-extra;
-    max-width: 328px;
     padding: $spacing-inline-xxs-extra $spacing-inline-xxs
       $spacing-inline-xxs-extra $spacing-inline-xs;
-    width: 328px;
+    width: 100%;
     z-index: 1;
   }
 
@@ -115,10 +114,14 @@ $max-notifications: 10;
     display: flex;
     flex-direction: column;
     width: 100%;
+  }
 
-    p {
-      word-break: break-word;
-    }
+  &__body .ods-typography__caption {
+    color: $color-interface-light-down;
+  }
+
+  &__body p {
+    word-break: break-word;
   }
 
   &__close-button {
@@ -207,9 +210,3 @@ $max-notifications: 10;
     width: 100%;
   }
 }
-
-.ods-typography {
-  &__caption {
-    color: $color-interface-light-down;
-  }
-}