Asset field loses upload text when 50% width on smaller viewports

[edalzell]

Bug description

If you have an asset field that's 50% width and you make the viewport smaller you lose the "Upload file or drop..." text.

How to reproduce

1. Add 2 asset fields side by side, each 50% width
2. Decrease the window size

Logs

Environment

Environment
Application Name: Statamic
Laravel Version: 11.41.3
PHP Version: 8.3.16
Composer Version: 2.8.4
Environment: local
Debug Mode: ENABLED
URL: asset-field.test
Maintenance Mode: OFF
Timezone: UTC
Locale: en

Cache
Config: NOT CACHED
Events: NOT CACHED
Routes: NOT CACHED
Views: CACHED

Drivers
Broadcasting: log
Cache: file
Database: sqlite
Logs: stack / single
Mail: log
Queue: sync
Session: file

Statamic
Addons: 0
Sites: 1
Stache Watcher: Enabled (auto)
Static Caching: Disabled
Version: 5.46.1 Solo

Installation

Fresh statamic/statamic site via CLI

Additional details

No response

[jasonvarga]

This looks intentional. When you get small enough, there's not enough space for all that text so it gets removed.

The functionality still works, there's just no helper text.

[edalzell]

This looks intentional. When you get small enough, there's not enough space for all that text so it gets removed.

The functionality still works, there's just no helper text.

Functionality doesn't work though @jasonvarga, the users can't click Upload file to choose from their computer. On our site they're not allowed to Browse (so no button) so the field collapses to almost nothing. How are they supposed to get a file chooser?

How about we put less text at smaller viewports?

[edalzell]

For example @jasonvarga how is a use supposed to know they can drag and drop onto here? Or how do they get the upload file picker?

And if you set permissions so folks can't choose existing assets, this is what you get:

I suggest we use fewer words at smaller breakpoint and/or smaller font size

[jasonvarga]

lol fair enough