Merge pull request #164 from swiss/bugfix/CHGOV-3104-banner-without-icon

fix(CHGOV-3104): add notification offset class

Author: satefan

app/components/ch/components/Notification.vue

@@ -12,7 +12,11 @@
         v-html="title"
       />
     </div>
-    <div class="notification__content" v-html="text" />
+    <div
+      class="notification__content"
+      :class="{ 'notification__content-offset': icon }"
+      v-html="text"
+    />
     <button
       v-if="closeBtn"
       class="notification__close"

css/components/notification.postcss

@@ -10,9 +10,9 @@
 
   .btn,
   a,
-  a[target='_blank'],
-  a[target='_self'],
-  a[rel*=external]{
+  a[target="_blank"],
+  a[target="_self"],
+  a[rel*="external"] {
     @apply text-current border-current;
 
     &:hover {
@@ -21,7 +21,7 @@
   }
 
   a,
-  a[target='_blank'] {
+  a[target="_blank"] {
     @apply underline underline-offset-2;
   }
 }
@@ -106,7 +106,7 @@
 .notification--with-title {
   @apply block;
 
-  .notification__content {
+  .notification__content-offset {
     @apply ml-[3.3rem];
   }
 }