Make all buttons responsive by default

digitalservicebund · Jul 16, 2024 · be47e79 · be47e79
1 parent 9d2bfdd
commit be47e79
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 10 deletions.
diff --git a/packages/dito/app/resources/content.ts b/packages/dito/app/resources/content.ts
@@ -50,7 +50,6 @@ export const steps = {
       {
         text: "Digitalbezug einschätzen",
         href: PATH_PRECHECK,
-        size: "large" as const,
       },
     ],
   },
@@ -330,7 +329,6 @@ export const preCheck = {
               {
                 text: "Zu den Hilfestellungen",
                 href: PATH_METHODS,
-                size: "large" as const,
               },
             ],
           },
@@ -356,7 +354,6 @@ export const preCheck = {
         link: {
           text: "Zu den Hilfestellungen",
           href: PATH_METHODS,
-          size: "large",
         },
       },
     },

diff --git a/packages/dito/app/root.tsx b/packages/dito/app/root.tsx
@@ -184,7 +184,6 @@ export function ErrorBoundary() {
                 id="error-back-button"
                 text="Zurück zur Startseite"
                 href={PATH_LANDING}
-                size="large"
                 look="tertiary"
               ></Button>
             </ButtonContainer>

diff --git a/packages/dito/app/routes/vorpruefung.$questionId/route.tsx b/packages/dito/app/routes/vorpruefung.$questionId/route.tsx
@@ -155,15 +155,13 @@ export default function Index() {
               <Button
                 id="preCheck-next-button"
                 text={nextButton}
-                size="large"
                 type="submit"
                 disabled={form.formState.isSubmitting}
               ></Button>
               <Button
                 id="preCheck-back-button"
                 text="Zurück"
                 href={question.prevLink}
-                size="large"
                 look="tertiary"
               ></Button>
             </ButtonContainer>

diff --git a/packages/dito/app/routes/vorpruefung._index.tsx b/packages/dito/app/routes/vorpruefung._index.tsx
@@ -51,14 +51,12 @@ export default function Index() {
               id="preCheck-start-button"
               text={preCheck.start.buttonText}
               href={preCheck.questions[0].url}
-              size="large"
               type="submit"
             ></Button>
             <Button
               id="preCheck-back-button"
               text="Zurück"
               href={PATH_LANDING}
-              size="large"
               look="tertiary"
             ></Button>
           </ButtonContainer>

diff --git a/packages/dito/app/routes/vorpruefung.ergebnis/ResultNegative.tsx b/packages/dito/app/routes/vorpruefung.ergebnis/ResultNegative.tsx
@@ -99,7 +99,6 @@ export default function ResultNegative({
                   : assessment.form.downloadPdfButton.text
               }
               look="primary"
-              size="large"
               iconLeft={<Download />}
               type="submit"
               className="self-start"

diff --git a/packages/dito/app/routes/vorpruefung.ergebnis/ResultPositive.tsx b/packages/dito/app/routes/vorpruefung.ergebnis/ResultPositive.tsx
@@ -25,7 +25,7 @@ export default function ResultNegative({
         resultHeading={title}
         reasonsText={reasonsText}
         resultBackgroundColor="midBlue"
-        buttons={[{ ...actionButton, look: "tertiary", size: "large" }]}
+        buttons={[{ ...actionButton, look: "tertiary" }]}
       />
       <Container>
         <List

diff --git a/packages/dito/app/styles.css b/packages/dito/app/styles.css
@@ -2,6 +2,10 @@ main .rich-text a {
   @apply font-bold;
 }
 
+main .ds-button:not(.ds-button-ghost) {
+  @apply max-sm:ds-button-full-width sm:ds-button-large;
+}
+
 .precheck-navigation span::after {
   /* prevent shifting on navigation */
   @apply ds-label-02-bold;