UX: fix width on hidden-upload-field on the admin backup btn (#34103)

The hidden-upload-field input exceeds the parent width, which causes
horizontal scrollbars in certain situations

<img width="1848" height="1542" alt="image"
src="https://github.com/user-attachments/assets/d142760e-4a86-4480-83a5-b0964068d3e5"
/>

This commit makes sure it does not exceed the width of the button.

Alas, it's not a generalised solution for all instances, as there is no
way to select the variety of parent elements that would need to get
`position:relative`
This commit is contained in:
chapoi
2025-08-06 10:08:29 +02:00
committed by GitHub
parent 4e304e7130
commit fea4d73787
2 changed files with 5 additions and 0 deletions
@@ -40,4 +40,5 @@
label.admin-backups-upload {
font-weight: 400;
position: relative;
}
@@ -140,4 +140,8 @@
.hidden-upload-field {
visibility: hidden;
position: absolute;
.admin-backups-upload & {
width: 100%;
}
}