discourse/app/assets/stylesheets/common/admin/backups.scss
Martin Brennan 1446596089
UX: Apply admin interface guidelines to Backups page (#28051)
This commit converts the Backups page in the admin interface
to follow our new admin interface guidelines.

As part of this work, I've also made `AdminPageHeader` and `AdminPageSubheader`
components that can be reused on any admin page for consistency, that handle
the title and action buttons and also breadcrumbs.

Also renamed `AdminPluginFilteredSiteSettings` to `AdminFilteredSiteSettings` since
it can be used generally to show a subset of filtered site settings, not only
settings for a plugin. Not sure if it's ideal to have to define a new route for this
for every config area, but not sure how else to do it right now.
2024-08-20 09:59:43 +10:00

72 lines
1.3 KiB
SCSS

// Styles for /admin/backups
.admin-backups {
.before-backup-list-outlet {
margin-top: 1em;
}
table {
@media screen and (min-width: 550px) {
td.backup-filename {
grid-column-start: 1;
grid-column-end: 6;
}
td.backup-size {
grid-column-end: -1;
text-align: right;
}
td.backup-controls {
margin-top: 0.25em;
grid-row: 2;
grid-column-start: 1;
grid-column-end: 5;
text-align: right;
.btn {
margin-top: 0.25em;
}
}
}
@include breakpoint(mobile-extra-large) {
td.backup-filename {
grid-column-start: 1;
grid-column-end: 3;
}
td.backup-size {
text-align: right;
}
td.backup-controls {
grid-column-start: 1;
grid-column-end: 4;
}
}
@include breakpoint(tablet) {
td.backup-controls {
text-align: left;
}
}
}
}
.admin-backups-logs {
max-height: 65vh;
overflow: auto;
}
.start-backup-modal {
.alert {
margin-bottom: 0;
}
}
.backup-message {
margin-left: auto;
margin-top: 1em;
@include breakpoint(mobile-extra-large) {
margin: 1.25em 0 0;
}
}
label.admin-backups-upload {
font-weight: 400;
}