fix(CHGOV-3104): add notification offset class

taazust5 · taazust5 · commit 05f69d9ab8a7 · 2025-08-15T10:51:33.000+02:00
diff --git a/app/components/ch/components/Notification.vue b/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"
diff --git a/css/components/notification.postcss b/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];
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -10,9 +10,9 @@`
`10`	`10`
`11`	`11`	`.btn,`
`12`	`12`	`a,`
`13`		`- a[target='_blank'],`
`14`		`- a[target='_self'],`
`15`		`- a[rel*=external]{`
	`13`	`+ a[target="_blank"],`
	`14`	`+ a[target="_self"],`
	`15`	`+ a[rel*="external"] {`
`16`	`16`	`@apply text-current border-current;`
`17`	`17`
`18`	`18`	`&:hover {`
`@@ -21,7 +21,7 @@`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`a,`
`24`		`- a[target='_blank'] {`
	`24`	`+ a[target="_blank"] {`
`25`	`25`	`@apply underline underline-offset-2;`
`26`	`26`	`}`
`27`	`27`	`}`
`@@ -106,7 +106,7 @@`
`106`	`106`	`.notification--with-title {`
`107`	`107`	`@apply block;`
`108`	`108`
`109`		`- .notification__content {`
	`109`	`+ .notification__content-offset {`
`110`	`110`	`@apply ml-[3.3rem];`
`111`	`111`	`}`
`112`	`112`	`}`