fix(style): restore full-width footer&skip link

digitalservicebund · Nov 21, 2024 · 60e7266 · 60e7266
1 parent 4e95518
commit 60e7266
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 14 deletions.
diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
@@ -27,7 +27,7 @@ export default function Footer({
   return (
     <Container paddingTop="48" paddingBottom="0">
       <div
-        className="ds-label-03-reg flex flex-wrap items-start justify-between gap-y-32 mb-32"
+        className="flex flex-wrap items-start justify-between gap-y-32 mb-32"
         data-testid="footer"
       >
         <div className="flex flex-col flex-col-reverse sm:flex-row gap-y-8 gap-x-16">
@@ -43,7 +43,7 @@ export default function Footer({
           <div className="ds-stack-8">
             {paragraphs.map((paragraph) => (
               <div key={paragraph.markdown}>
-                <RichText {...paragraph} />
+                <RichText {...paragraph} className="ds-label-03-reg" />
               </div>
             ))}
           </div>
@@ -52,7 +52,7 @@ export default function Footer({
         <nav className="flex flex-wrap gap-x-32 gap-y-8" aria-label="Footer">
           <ul className="list-none m-0 p-0 space-y-8 columns-2">
             {links.map((link) => (
-              <li key={link.url} className="leading-snug">
+              <li key={link.url} className="leading-snug ds-label-03-reg">
                 <StandaloneLink
                   text={link.text ?? ""}
                   url={link.url}
@@ -65,8 +65,9 @@ export default function Footer({
       </div>
       {showDeletionBanner && (
         <Background backgroundColor="blue" paddingTop="16" paddingBottom="16">
-          <div className="ds-label-03-reg text-center">
+          <div className="text-center">
             <StandaloneLink
+              className="ds-label-03-reg"
               text={deletionLabel ?? "Persönliche Daten löschen"}
               url="/persoenliche-daten-loeschen"
             />

diff --git a/app/styles.css b/app/styles.css
@@ -53,20 +53,20 @@ svg {
 
 /* headings and text inside containers have a project-specific max-width */
 .container .ds-heading-01-reg,
-.ds-heading-01-bold,
-.ds-heading-02-reg,
-.ds-heading-02-bold {
+.container .ds-heading-01-bold,
+.container .ds-heading-02-reg,
+.container .ds-heading-02-bold {
   max-width: 848px;
 }
 
 .container .ds-heading-03-reg,
-.ds-heading-03-bold,
-.ds-label-01-bold,
-.ds-label-01-reg,
-.ds-label-02-bold,
-.ds-label-02-reg,
-.ds-label-03-bold,
-.ds-label-03-reg,
+.container .ds-heading-03-bold,
+.container .ds-label-01-bold,
+.container .ds-label-01-reg,
+.container .ds-label-02-bold,
+.container .ds-label-02-reg,
+.container .ds-label-03-bold,
+.container .ds-label-03-reg,
 p {
   max-width: 630px;
 }