Line-break element (#1433)

mgurgel · web-flow · commit 0f9d5085d89e · 2025-01-29T14:48:06.000Z
diff --git a/special-pages/pages/special-error/app/components/Warning.module.css b/special-pages/pages/special-error/app/components/Warning.module.css
@@ -119,4 +119,10 @@
     & .phishing .icon, & .malware .icon {
         background-image: url(../../../../shared/assets/img/icons/Malware-Site-96.svg);
     }
+
+    /* Inserts line break before an inline element. Used for the Learn More link in the Warning text */
+    & [data-line-break]::before {
+        content: ' ';
+        display: block;
+    }
 }
diff --git a/special-pages/pages/special-error/app/hooks/ErrorStrings.jsx b/special-pages/pages/special-error/app/hooks/ErrorStrings.jsx
@@ -27,6 +27,7 @@ const sanitizeURL = (urlString) => {
  */
 
 const helpPageAnchorTagParams = {
+    'data-line-break': true,
     href: phishingMalwareHelpPageURL,
     target: '_blank',
 };

Original file line number	Diff line number	Diff line change
`@@ -119,4 +119,10 @@`
`119`	`119`	`& .phishing .icon, & .malware .icon {`
`120`	`120`	`background-image: url(../../../../shared/assets/img/icons/Malware-Site-96.svg);`
`121`	`121`	`}`
	`122`	`+`
	`123`	`+ /* Inserts line break before an inline element. Used for the Learn More link in the Warning text */`
	`124`	`+ & [data-line-break]::before {`
	`125`	`+ content: ' ';`
	`126`	`+ display: block;`
	`127`	`+ }`
`122`	`128`	`}`