Closed alstr closed 4 years ago
I noticed when doing some testing that when using iOS Safari, if you upload multiple image files (which have pretty long names when stored in Photos), the text overflows the label and isn't hidden.
I propose something like:
.custom-file-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 25%; }
The padding is optional but I think it looks better truncated with an ellipsis. This was the easiest way to achieve that.
Hi @alstr
bs-custom-file-input is just a JavaScript lib, for CSS changes please open an issue on Bootstrap
bs-custom-file-input
I noticed when doing some testing that when using iOS Safari, if you upload multiple image files (which have pretty long names when stored in Photos), the text overflows the label and isn't hidden.
I propose something like:
The padding is optional but I think it looks better truncated with an ellipsis. This was the easiest way to achieve that.