From 78d77c422314f8edd972e8ae285bdebcae9fdcfb Mon Sep 17 00:00:00 2001 From: Bas Brands Date: Thu, 26 Apr 2018 12:50:16 +0200 Subject: [PATCH] MDL-62173 Theme bootstrapbase: clean backup restore UI -fix display of detail-pair. These are not rendered well on theme clean for small devices --- theme/bootstrapbase/less/moodle/backup-restore.less | 12 ++++++++++++ theme/bootstrapbase/style/moodle.css | 10 ++++++++++ 2 files changed, 22 insertions(+) diff --git a/theme/bootstrapbase/less/moodle/backup-restore.less b/theme/bootstrapbase/less/moodle/backup-restore.less index de1da93a5fb0d..43ea07172c656 100644 --- a/theme/bootstrapbase/less/moodle/backup-restore.less +++ b/theme/bootstrapbase/less/moodle/backup-restore.less @@ -234,3 +234,15 @@ height: 300px; overflow-y: scroll; } + +@media (max-width: 768px) { + .backup-restore .backup-section.settings-section .detail-pair { + width: 100%; + } +} + +@media (max-width: 900px) { + .backup-restore .backup-section.settings-section .detail-pair-label { + width: 50%; + } +} diff --git a/theme/bootstrapbase/style/moodle.css b/theme/bootstrapbase/style/moodle.css index 0c97cf1b646a0..55ea201cdb28e 100644 --- a/theme/bootstrapbase/style/moodle.css +++ b/theme/bootstrapbase/style/moodle.css @@ -18384,6 +18384,16 @@ div#dock { height: 300px; overflow-y: scroll; } +@media (max-width: 768px) { + .backup-restore .backup-section.settings-section .detail-pair { + width: 100%; + } +} +@media (max-width: 900px) { + .backup-restore .backup-section.settings-section .detail-pair-label { + width: 50%; + } +} table.flexible, .generaltable { width: 100%;