Commit f4143537 authored by Dan Poltawski's avatar Dan Poltawski
Browse files

MDL-55071 theme_boost: Use stylefmt to fix css formating issues

Part of MDL-55071
parent 9cb41231
......@@ -18,9 +18,11 @@
.warn {
background-color: $state-warning-bg;
}
.error {
background-color: $state-danger-bg;
}
.ok {
background-color: $state-success-bg;
}
......@@ -55,14 +57,17 @@
.timewarninghidden {
display: none;
}
.statusok {
@extend .tag;
@extend .tag-success;
}
.statuswarning {
@extend .tag;
@extend .tag-warning;
}
.statusserious,
.statuscritical {
@extend .tag;
......@@ -179,8 +184,9 @@
min-width: 220px;
margin: auto;
text-align: center;
.buttons {
padding: 0
padding: 0;
}
}
......@@ -193,6 +199,7 @@
width: 60%;
min-width: 220px;
}
#page-admin-index .adminerror {
@extend .alert-danger;
}
......@@ -239,7 +246,7 @@
.path-admin .roleassigntable td {
vertical-align: top;
padding: 0.2em 0.3em
padding: 0.2em 0.3em;
}
.path-admin .roleassigntable p {
......@@ -402,8 +409,8 @@
.form-item .form-setting .form-password .unmask,
.form-item .form-setting .form-defaultinfo {
display: inline-block;
}
.form-item .form-setting .form-defaultinfo {
max-width: 100%;
word-wrap: break-word;
......@@ -484,7 +491,6 @@
// Plugins overview page at admin/plugins.php
#page-admin-plugins {
#plugins-overview-panel {
.info {
display: inline-block;
......@@ -494,10 +500,13 @@
.checkforupdates {
margin: 10px 0;
.singlebutton {
margin: 5px 0;
padding: 0;
div, input {
div,
input {
margin: 0 3px 0 0;
}
}
......@@ -506,7 +515,9 @@
.updateavailableinstallall {
margin: 5px 0;
padding: 0;
div, input {
div,
input {
margin: 0 3px 5px 0;
}
}
......@@ -515,6 +526,7 @@
.status-missing td {
background-color: $state-warning-bg;
}
.pluginname {
.componentname {
font-size: $font-size-sm;
......@@ -522,27 +534,34 @@
margin-left: 22px;
}
}
.version {
.versionnumber {
font-size: $font-size-sm;
@extend .text-muted;
}
.release {
}
}
.availability {
}
.settings {
}
.uninstall {
a {
color: $state-danger-text;
}
}
.notes {
.label {
margin-right: 3px;
}
.requiredby {
font-size: $font-size-sm;
@extend .text-muted;
......@@ -554,7 +573,6 @@
// Plugins check page displayed during upgrade.
#plugins-check-page {
.page-description {
@extend .text-muted;
}
......@@ -564,7 +582,9 @@
.singlebutton {
margin: 5px 0;
padding: 0;
div, input {
div,
input {
margin: 0 3px 0 0;
}
}
......@@ -577,10 +597,13 @@
display: inline-block;
margin-right: 1em;
}
.singlebutton {
margin: 5px 0;
padding: 0;
div, input {
div,
input {
margin: 0 3px 0 0;
}
}
......@@ -593,9 +616,10 @@
@extend .text-muted;
}
.status-missing, .status-downgrade {
.status-missing,
.status-downgrade {
td {
background-color: $state-danger-bg;
background-color: $state-danger-bg;
}
}
......@@ -614,6 +638,7 @@
.actionbutton {
margin: 5px 0px;
padding: 0;
input {
margin: 0;
}
......@@ -626,10 +651,13 @@
display: inline-block;
margin-right: 1em;
}
.singlebutton {
margin: 5px 0;
padding: 0;
div, input {
div,
input {
margin: 0 3px 0 0;
}
}
......@@ -641,15 +669,18 @@
font-size: $font-size-sm;
@extend .text-muted;
}
.info .actions {
> div {
display: inline-block;
margin-right: 1em;
}
.dependencyinstall {
display: block;
margin: 5px 0;
padding: 0;
input {
margin: 0;
}
......@@ -660,28 +691,38 @@
// Available plugin update notification.
#plugins-check-page, #plugins-control-panel {
#plugins-check-page,
#plugins-control-panel {
.pluginupdateinfo {
background-color: $state-info-bg;
&.maturity50 {
background-color: $state-danger-bg;
}
&.maturity100, &.maturity150 {
&.maturity100,
&.maturity150 {
background-color: $state-warning-bg;
}
padding: 5px;
margin: 10px 0;
@include border-radius(5px);
.info {
display: inline-block;
}
.separator:after {
content: " | ";
}
.singlebutton {
margin: 5px 0;
padding: 0;
div, input {
div,
input {
margin: 0 3px 0 0;
}
}
......@@ -693,9 +734,12 @@
display: inline-block;
margin: 1em 1em 1em 0;
}
.continue {
padding: 0;
div, input {
div,
input {
margin: 0;
}
}
......@@ -757,9 +801,11 @@
right: 0;
overflow: hidden;
z-index: 1;
&.error {
@extend .form-control-danger;
}
&.warning {
@extend .form-control-warning;
}
......
......@@ -3,10 +3,12 @@
padding: 10px 0 0 0;
clear: both;
}
.path-backup .mform .grouped_settings {
clear: both;
overflow: hidden;
}
.path-backup .include_setting,
.path-backup .grouped_settings .normal_setting {
display: inline-block;
......@@ -15,41 +17,52 @@
.path-backup .include_setting.section_level label {
font-weight: bold;
}
.path-backup .mform .fitem .fitemtitle {
width: 260px;
}
.path-backup .mform .fitem .felement {
margin-left: 280px;
}
.path-backup .notification.dependencies_enforced {
text-align: center;
color: $state-danger-text;
font-weight: bold;
}
.path-backup .backup_progress {
text-align: center;
}
.path-backup .backup_progress .backup_stage {
@extend .text-muted;
}
.path-backup .backup_progress .backup_stage.backup_stage_current {
font-weight: bold;
color: inherit;
}
.path-backup .backup_progress .backup_stage.backup_stage_next {
}
.path-backup .backup_progress span.backup_stage.backup_stage_complete {
color: inherit;
}
#page-backup-restore .filealiasesfailures {
background-color: $state-danger-bg;
}
#page-backup-restore .filealiasesfailures .aliaseslist {
width: 90%;
margin: 0.8em auto;
background-color: $body-bg;
border: 1px dotted #666;
}
.backup-restore .backup-section > h2.header,
.backup-restore .backup-section .backup-sub-section h3 {
// Copied from bootstrap/forms.less tag legend
......@@ -63,33 +76,42 @@
border: 0;
border-bottom: 1px solid #e5e5e5;
}
.backup-restore .backup-section .noticebox {
margin: 1em auto;
width: 60%;
text-align: center;
}
.backup-restore .backup-section.settings-section .detail-pair {
width: 50%;
display: inline-block;
}
.backup-restore .backup-section.settings-section .detail-pair-label {
width: 65%;
}
.backup-restore .backup-section.settings-section .detail-pair-value {
width: 25%;
}
.backup-restore .activitytable {
min-width: 500px;
}
.backup-restore .activitytable .modulename {
width: 100px;
}
.backup-restore .activitytable .moduleincluded {
width: 50px;
}
.backup-restore .activitytable .userinfoincluded {
width: 50px;
}
.backup-restore .detail-pair-label {
display: inline-block;
width: 25%;
......@@ -99,67 +121,81 @@
font-weight: bold;
vertical-align: top;
}
.backup-restore .detail-pair-value {
display: inline-block;
width: 65%;
padding: 8px;
margin: 0;
}
.backup-restore .detail-pair-value > .sub-detail {
display: block;
font-size: $font-size-sm;
@extend .text-muted;
}
.backup-restore > .singlebutton {
text-align: right;
}
.path-backup .mform .fgroup {
.proceedbutton {
float: right;
margin-right: 5%;
}
.oneclickbackup {
float: right;
}
}
.restore-course-search .rcs-results {
width: 70%;
min-width: 400px;
}
.restore-course-search .rcs-results table {
width: 100%;
margin: 0;
border-width: 0;
}
.restore-course-search .rcs-results table .no-overflow {
max-width: 600px;
}
.restore-course-search .rcs-results .paging {
text-align: left;
margin: 0;
background-color: #eee;
padding: 3px;
}
.restore-course-category .rcs-results {
width: 70%;
min-width: 400px;
border: 1px solid #ddd;
margin: 5px 0;
}
.restore-course-category .rcs-results table {
width: 100%;
margin: 0;
border-width: 0;
}
.restore-course-category .rcs-results table .no-overflow {
max-width: 600px;
}
.restore-course-category .rcs-results .paging {
text-align: left;
margin: 0;
background-color: #eee;
padding: 3px;
}
.path-backup .wibbler {
width: 500px;
margin: 0 auto 10px;
......@@ -169,6 +205,7 @@
position: relative;
min-height: 4px;
}
.path-backup .wibbler .wibble {
position: absolute;
left: 0;
......@@ -176,51 +213,67 @@
top: 0;
height: 4px;
}
.path-backup .wibbler .state0 {
background: #eee;
}
.path-backup .wibbler .state1 {
background: #ddd;
}
.path-backup .wibbler .state2 {
background: #ccc;
}
.path-backup .wibbler .state3 {
background: #bbb;
}
.path-backup .wibbler .state4 {
background: #aaa;
}
.path-backup .wibbler .state5 {
background: #999;
}
.path-backup .wibbler .state6 {
background: #888;
}
.path-backup .wibbler .state7 {
background: #777;
}
.path-backup .wibbler .state8 {
background: #666;
}
.path-backup .wibbler .state9 {
background: #555;
}
.path-backup .wibbler .state10 {
background: #444;
}
.path-backup .wibbler .state11 {
background: #333;
}
.path-backup .wibbler .state12 {
background: #222;
}
.path-backup .backup_log {
margin-top: 2em;
}
.path-backup .backup_log h2 {
font-size: 1em;
}
.path-backup .backup_log_contents {
border: 1px solid #ddd;
padding: 10px;
......
......@@ -21,6 +21,7 @@
.dropdown-toggle {
/* So that the caret takes the colour of the icon. */
color: #999;
&::after {
margin-left: 0;
}
......
.singlebutton {
display: inline-block;
+ .singlebutton {
margin-left: $spacer / 2;
}
......@@ -12,9 +13,11 @@
p.arrow_button {
margin-top: 5em;
text-align: center;
#remove {
margin: 3em auto 5em;
}
input {
@extend .btn-block;
}
......@@ -26,6 +29,7 @@ p.arrow_button {
margin-top: $line-height-base + ($line-height-base / 2);
text-align: center;
margin-bottom: 3em;
label {
display: inline;
}
......
......@@ -3,19 +3,22 @@
// Calendar colour variables defined.
$calendarEventCourseColor: #ffd3bd; // Pale red.
$calendarEventGlobalColor: #d6f8cd; // Pale green.
$calendarEventGroupColor: #fee7ae; // Pale yellow.
$calendarEventUserColor: #dce7ec; // Pale blue.
$calendarEventGroupColor: #fee7ae; // Pale yellow.
$calendarEventUserColor: #dce7ec; // Pale blue.
// Calendar event background colours defined.
.calendar_event_course {
background-color: $calendarEventCourseColor;
}
.calendar_event_global {
background-color: $calendarEventGlobalColor;
}
.calendar_event_group {
background-color: $calendarEventGroupColor;
}
.calendar_event_user {
background-color: $calendarEventUserColor;
}
......@@ -24,13 +27,16 @@ $calendarEventUserColor: #dce7ec; // Pale blue.
.path-calendar {
.calendartable {
width: 100%;
th, td {
th,
td {
width: 14%;
vertical-align: top;
text-align: center;
border: 0;
}
}
.calendar-controls {
.previous,
.next,
......@@ -39,17 +45,21 @@ $calendarEventUserColor: #dce7ec; // Pale blue.
float: left;
width: 12%;
}
.previous {
text-align: left;
}