discourse/app/assets/stylesheets/common/admin/backups.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;
}
FEATURE: responsive admin pages 2018-07-03 11:14:53 +08:00			`// Styles for /admin/backups`

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 07:59:43 +08:00			`.admin-backups {`
			`.before-backup-list-outlet {`
			`margin-top: 1em;`
FEATURE: responsive admin pages 2018-07-03 11:14:53 +08:00			`}`

			`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;`
			`}`
			`}`
			`}`
UX: Mobile editor style fixes (#7878) 2019-07-11 21:57:53 +08:00			`@include breakpoint(mobile-extra-large) {`
FEATURE: responsive admin pages 2018-07-03 11:14:53 +08:00			`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;`
			`}`
			`}`
Streamlining some breakpoint mixins 2018-07-13 04:38:51 +08:00			`@include breakpoint(tablet) {`
FEATURE: responsive admin pages 2018-07-03 11:14:53 +08:00			`td.backup-controls {`
			`text-align: left;`
			`}`
			`}`
			`}`
			`}`

			`.admin-backups-logs {`
UX: Remove double scrollbars from backup logs * Removes the wrapping, because the log is easier to read without it. * Fixes the automatic scrolling to the bottom, which didn't work anymore 2018-09-20 01:38:25 +08:00			`max-height: 65vh;`
FEATURE: responsive admin pages 2018-07-03 11:14:53 +08:00			`overflow: auto;`
			`}`

			`.start-backup-modal {`
UX: display warning message when uploads are not included in backup. (#23253) Also, this PR will introduce a new checkbox in the modal window to manage whether the uploads should be included in the backup or not. 2023-08-31 12:51:07 +08:00			`.alert {`
			`margin-bottom: 0;`
FEATURE: responsive admin pages 2018-07-03 11:14:53 +08:00			`}`
			`}`
UX: Show obvious message when backup restoration is disabled 2019-11-27 01:55:25 +08:00
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 07:59:43 +08:00			`.backup-message {`
			`margin-left: auto;`
			`margin-top: 1em;`
			`@include breakpoint(mobile-extra-large) {`
			`margin: 1.25em 0 0;`
UX: clean up some label and form inconsistencies, reduce excess bolding (#25701) 2024-02-16 00:27:51 +08:00			`}`
UX: Show obvious message when backup restoration is disabled 2019-11-27 01:55:25 +08:00			`}`
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 07:59:43 +08:00
			`label.admin-backups-upload {`
			`font-weight: 400;`
			`}`