Add wrapping for image titles in listing. Fix #4233 (#4243)

CHANGELOG.txt

@@ -5,6 +5,7 @@ Changelog
 ~~~~~~~~~~~~~~~~
 
  * Fix: Status button on 'edit page' now links to the correct URL when live and draft slug differ (LB (Ben Johnston))
+ * Fix: Image title text in the gallery and in the chooser now wraps for long filenames (LB (Ben Johnston), Luiz Boaretto)
 
 
 2.0 (xx.xx.xxxx) - IN DEVELOPMENT

docs/releases/2.1.rst

@@ -19,7 +19,7 @@ Bug fixes
 ~~~~~~~~~
 
  * Status button on 'edit page' now links to the correct URL when live and draft slug differ (LB (Ben Johnston))
-
+ * Image title text in the gallery and in the chooser now wraps for long filenames (LB (Ben Johnston), Luiz Boaretto)
 
 Upgrade considerations
 ======================

wagtail/admin/static_src/wagtailadmin/scss/components/_listing.scss

@@ -408,6 +408,12 @@ ul.listing {
     }
 }
 
+.image-choice {
+    color: inherit;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+}
+
 ul.listing {
     border-top: 1px dashed $color-input-border;
     margin-bottom: 2em;
@@ -598,10 +604,6 @@ table.listing {
                     }
                 }
             }
-
-            a {
-                color: inherit;
-            }
         }
 
         .actions {