[PRM-89] WCAG 1.4.1 reflow: file example and upload panel don't reflow correctly on upload page (#616)

jack-nhs · web-flow · commit 12696bc452d9 · 2025-04-28T16:02:37.000+01:00
* Added word break for file input stage file input button and example * Replace New Service tag with NHS React component * Revert "Replace New Service tag with NHS React component" This reverts commit 975c89c. * Remove unnecessary styling
diff --git a/app/src/styles/App.scss b/app/src/styles/App.scss
@@ -536,7 +536,8 @@ $hunit: '%';
     }
 
     &_drag-and-drop {
-        display: flex;
+        word-break: break-word;
+        overflow-wrap: break-word;
         width: 100%;
         max-width: 960px;
         padding: 32px;

Original file line number	Diff line number	Diff line change
`@@ -536,7 +536,8 @@ $hunit: '%';`
`536`	`536`	`}`
`537`	`537`
`538`	`538`	`&_drag-and-drop {`
`539`		`- display: flex;`
	`539`	`+ word-break: break-word;`
	`540`	`+ overflow-wrap: break-word;`
`540`	`541`	`width: 100%;`
`541`	`542`	`max-width: 960px;`
`542`	`543`	`padding: 32px;`