Support text resizing in workflow steps cards (#9525)

Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>

CHANGELOG.txt

@@ -31,6 +31,7 @@ Changelog
  * Fix: Allow button labels to wrap onto two lines in dropdown buttons (Coen van der Kamp)
  * Fix: Allow both horizontal and vertical manual resizing of TextFields (Anisha Singh)
  * Fix: Move DateField, DateTimeField, TimeField comment buttons to be right next to the fields (Theresa Okoro)
+ * Fix: Support text resizing in workflow steps cards (Ivy Jeptoo)
  * Docs: Add custom permissions section to permissions documentation page (Dan Hayden)
  * Docs: Add documentation for how to get started with contributing translations for the Wagtail admin (Ogunbanjo Oluwadamilare)
  * Docs: Officially recommend `fnm` over `nvm` in development documentation (LB (Ben) Johnston)
@@ -69,6 +70,7 @@ Changelog
  * Fix: Allow button labels to wrap onto two lines in dropdown buttons (Coen van der Kamp)
  * Fix: Allow both horizontal and vertical manual resizing of TextFields (Anisha Singh)
  * Fix: Move DateField, DateTimeField, TimeField comment buttons to be right next to the fields (Theresa Okoro)
+ * Fix: Support text resizing in workflow steps cards (Ivy Jeptoo)
 
 
 4.1.1 (11.11.2022)

CONTRIBUTORS.rst

@@ -671,6 +671,7 @@ Contributors
 * Mark McOsker
 * Benita Anawonah
 * Anisha Singh
+* Ivy Jeptoo
 
 Translators
 ===========

client/scss/components/_workflow-tasks.scss

@@ -10,7 +10,7 @@
     border: 2px solid theme('colors.secondary.100');
     border-radius: 5px;
     color: $color-teal;
-    width: $task-width;
+    min-width: $task-width;
     height: $task-height;
     margin: 7px;
     padding-inline-start: 9px;
@@ -18,12 +18,12 @@
   }
 
   &__step {
-    font-size: 10px;
+    font-size: 0.625rem;
-    margin-top: 3px;
+    margin-top: 0.1875rem;
   }
 
   &__name {
-    font-size: 16px;
+    font-size: 1rem;
     font-weight: bold;
     margin: 0;
 

docs/releases/4.1.2.md

@@ -19,3 +19,4 @@ depth: 1
  * Allow button labels to wrap onto two lines in dropdown buttons (Coen van der Kamp)
  * Allow both horizontal and vertical manual resizing of TextFields (Anisha Singh)
  * Move DateField, DateTimeField, TimeField comment buttons to be right next to the fields (Theresa Okoro)
+ * Support text resizing in workflow steps cards (Ivy Jeptoo)

docs/releases/4.2.md

@@ -43,6 +43,7 @@ depth: 1
  * Allow button labels to wrap onto two lines in dropdown buttons (Coen van der Kamp)
  * Allow both horizontal and vertical manual resizing of TextFields (Anisha Singh)
  * Move DateField, DateTimeField, TimeField comment buttons to be right next to the fields (Theresa Okoro)
+ * Support text resizing in workflow steps cards (Ivy Jeptoo)
 
 ### Documentation