Add overflow suppression to custom file label (#32160)

Avoids unsightly spilling out of long filename text, particularly for multi file inputs

Co-authored-by: XhmikosR <xhmikosr@gmail.com>

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index 0d68435324d76342cb6be5f028210f13cf55dc6b..4afc0808763332626b97b5189c431606ff1d7d3c 100644 (file)
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -348,6 +348,7 @@
   z-index: 1;
   height: $custom-file-height;
   padding: $custom-file-padding-y $custom-file-padding-x;
+  overflow: hidden;
   font-family: $custom-file-font-family;
   font-weight: $custom-file-font-weight;
   line-height: $custom-file-line-height;