Line-break element (#1433)

duckduckgo · Jan 29, 2025 · 0f9d508 · 0f9d508
1 parent 8e76460
commit 0f9d508
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
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',
 };