discourse/app/assets/stylesheets/admin/backups.scss
chapoi fea4d73787
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`
2025-08-06 10:08:29 +02:00

44 lines
602 B
SCSS
Vendored

@use "lib/viewport";
// Styles for /admin/backups
.admin-backups {
.before-backup-list-outlet {
margin-top: 1em;
}
.d-table {
.d-table__cell.--overview {
max-width: 65%;
text-wrap: balance;
}
.backup-size {
text-align: right;
}
}
}
.admin-backups-logs {
max-height: 65vh;
overflow: auto;
}
.start-backup-modal {
.alert {
margin-bottom: 0;
}
}
.backup-message {
margin-left: auto;
margin-top: 1em;
@include viewport.until(sm) {
margin: 1.25em 0 0;
}
}
label.admin-backups-upload {
font-weight: 400;
position: relative;
}