MDL-49399 task: Add admin log viewer
[moodle.git] / theme / boost / scss / moodle / admin.scss
1 /* admin.less */
2 .formtable tbody th {
3     font-weight: normal;
4     text-align: right;
5 }
7 .path-admin #assignrole {
8     width: 60%;
9     margin-left: auto;
10     margin-right: auto;
11 }
13 .path-admin .admintable .leftalign {
14     text-align: left;
15 }
17 .environmenttable {
18     .warn {
19         background-color: $state-warning-bg;
20         color: $state-warning-text;
21     }
23     .error {
24         background-color: $state-danger-bg;
25         color: $state-danger-text;
26     }
28     .ok {
29         background-color: $state-success-bg;
30         color: $state-success-text;
31     }
32 }
34 .path-admin .admintable.environmenttable .name,
35 .path-admin .admintable.environmenttable .info,
36 .path-admin #assignrole .admintable .role,
37 .path-admin #assignrole .admintable .userrole,
38 .path-admin #assignrole .admintable .roleholder {
39     white-space: nowrap;
40 }
42 .path-admin .incompatibleblockstable td.c0 {
43     font-weight: bold;
44 }
46 #page-admin-course-category .addcategory {
47     padding: 10px;
48 }
50 #page-admin-course-index .editcourse {
51     margin: 20px auto;
52 }
54 #page-admin-course-index .editcourse th,
55 #page-admin-course-index .editcourse td {
56     padding-left: 10px;
57     padding-right: 10px;
58 }
60 .timewarninghidden {
61     display: none;
62 }
64 .statusok {
65     @extend .tag;
66     @extend .tag-success;
67 }
69 .statuswarning {
70     @extend .tag;
71     @extend .tag-warning;
72 }
74 .statusserious,
75 .statuscritical {
76     @extend .tag;
77     @extend .tag-danger;
78 }
80 #page-admin-report-capability-index #capabilitysearch {
81     width: 30em;
82 }
84 #page-admin-report-backups-index .backup-error,
85 #page-admin-report-backups-index .backup-unfinished {
86     @extend .tag-danger;
87 }
89 #page-admin-report-backups-index .backup-skipped,
90 #page-admin-report-backups-index .backup-ok,
91 #page-admin-report-backups-index .backup-notyetrun {
92     @extend .tag-success;
93 }
95 #page-admin-report-backups-index .backup-warning {
96     @extend .tag-warning;
97 }
99 #page-admin-qtypes .disabled,
100 #page-admin-qbehaviours .disabled {
101     @extend .text-muted;
104 #page-admin-qtypes #qtypes div,
105 #page-admin-qtypes #qtypes form,
106 #page-admin-qbehaviours #qbehaviours div,
107 #page-admin-qbehaviours #qbehaviours form {
108     display: inline;
111 #page-admin-qtypes #qtypes img.spacer,
112 #page-admin-qbehaviours #qbehaviours img.spacer {
113     width: 16px;
116 #page-admin-qbehaviours .cell.c3,
117 #page-admin-qtypes .cell.c3 {
118     font-size: $font-size-sm;
121 #page-admin-lang .generalbox,
122 #page-admin-course-index .singlebutton,
123 #page-admin-course-index .addcategory,
124 #page-course-index .buttons,
125 #page-course-index-category .buttons,
126 #page-admin-course-category .addcategory,
127 #page-admin-stickyblocks .generalbox,
128 #page-admin-maintenance .buttons,
129 #page-admin-course-index .buttons,
130 #page-admin-course-category .buttons,
131 #page-admin-index .copyright,
132 #page-admin-index .copyrightnotice,
133 #page-admin-index .adminerror .singlebutton,
134 #page-admin-index .adminwarning .singlebutton,
135 #page-admin-index #layout-table .singlebutton {
136     text-align: center;
137     margin-bottom: 1em;
140 .path-admin-roles .capabilitysearchui {
141     text-align: left;
142     margin-left: auto;
143     margin-right: auto;
144     margin-top: $spacer-y;
147 #page-admin-roles-define .topfields {
148     margin: 1em 0 2em;
151 #page-admin-roles-define .capdefault {
152     background-color: $table-bg-hover;
155 #page-filter-manage .backlink,
156 .path-admin-roles .backlink {
157     margin-top: 1em;
160 #page-admin-roles-explain #chooseuser h3,
161 #page-admin-roles-usersroles .contextname {
162     margin-top: 0;
165 #page-admin-roles-explain #chooseusersubmit {
166     margin-top: 0;
167     text-align: center;
170 #page-admin-roles-usersroles p {
171     margin: 0;
174 #page-admin-roles-override .cell.c1,
175 #page-admin-roles-assign .cell.c3,
176 #page-admin-roles-assign .cell.c1 {
177     padding-top: 0.75em;
180 #page-admin-roles-override .overridenotice,
181 #page-admin-roles-define .definenotice {
182     margin: 1em 10% 2em 10%;
183     text-align: left;
186 #page-admin-index .releasenoteslink,
187 #page-admin-index .adminwarning,
188 #page-admin-index .adminerror {
189     @extend .alert;
192 #page-admin-index .adminwarning {
193     @extend .alert-warning;
196 #page-admin-index .adminerror {
197     @extend .alert-danger;
200 #page-admin-index .releasenoteslink {
201     @extend .alert-info;
204 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
205     display: block;
208 #page-admin-index .updateplugin div {
209     margin-bottom: 0.5em;
212 #page-admin-index .updateplugin .updatepluginconfirmexternal {
213     @extend .tag-warning;
216 #page-admin-user-user_bulk #users .fgroup {
217     white-space: nowrap;
220 #page-admin-report-stats-index .graph {
221     text-align: center;
222     margin-bottom: 1em;
225 #page-admin-report-courseoverview-index .graph {
226     text-align: center;
227     margin-bottom: 1em;
230 #page-admin-lang .translator {
231     border-width: 1px;
232     border-style: solid;
235 // This is the CSS for the role assignment control.
236 .path-admin .roleassigntable {
237     width: 100%;
240 .path-admin .roleassigntable td {
241     vertical-align: top;
242     padding: 0.2em 0.3em;
245 .path-admin .roleassigntable p {
246     text-align: left;
247     margin: 0.2em 0;
250 .path-admin .roleassigntable #existingcell,
251 .path-admin .roleassigntable #potentialcell {
252     width: 42%;
255 // Targetting the label at the top.
256 .path-admin .roleassigntable #existingcell p > label:first-child,
257 .path-admin .roleassigntable #potentialcell p > label:first-child {
258     font-weight: bold;
261 .path-admin .roleassigntable #buttonscell {
262     width: 16%;
265 .path-admin .roleassigntable #buttonscell #assignoptions {
266     font-size: $font-size-sm;
269 .path-admin .roleassigntable #removeselect_wrapper,
270 .path-admin .roleassigntable #addselect_wrapper {
271     width: 100%;
274 .path-admin table.rolecap tr.rolecap th {
275     text-align: left;
276     font-weight: normal;
279 .path-admin .rolecap .hiddenrow {
280     display: none;
283 .path-admin #defineroletable {
284     .rolecap {
285         .inherit,
286         .allow,
287         .prevent,
288         .prohibit {
289             text-align: center;
290             padding: 0;
291             min-width: 3.5em;
292         }
293     }
296 .path-admin .rolecap .cap-name,
297 .path-admin .rolecap .note {
298     display: block;
299     font-size: $font-size-sm;
300     white-space: nowrap;
301     font-weight: normal;
304 .path-admin .rolecap label {
305     display: block;
306     text-align: center;
307     padding: 0.5em;
308     margin: 0;
311 .plugincheckwrapper {
312     width: 100%;
315 .environmentbox {
316     margin-top: 1em;
319 #mnetconfig table {
320     margin-left: auto;
321     margin-right: auto;
324 .environmenttable .cell {
325     padding: .15em .5em;
328 #trustedhosts .generaltable {
329     margin-left: auto;
330     margin-right: auto;
331     width: 500px;
334 #trustedhosts .standard {
335     width: auto;
338 // This usage of legend is a bit weird,
339 // seems to be using them as error text
340 // that's only sometimes visible. Should
341 // look into sorting it.
342 #adminsettings legend {
343     display: none;
346 #adminsettings fieldset.error {
347     margin: .2em 0 .5em 0;
350 #adminsettings fieldset.error legend {
351     display: block;
354 #admin-spelllanguagelist textarea,
355 #page-admin-setting-editorsettingstinymce .form-textarea textarea {
356     /* rtl:ignore */
357     text-align: left;
358     /* rtl:ignore */
359     direction: ltr;
362 /* Styles for flags on admin settings */
363 .adminsettingsflags {
364     float: right;
367 .adminsettingsflags label {
368     margin-right: 7px;
371 .form-description pre,
372 .formsettingheading pre {
373     /*rtl:ignore*/
374     direction: ltr;
377 .form-item .form-setting .form-htmlarea {
378     display: inline;
381 .form-item .form-setting .form-htmlarea .htmlarea {
382     width: 640px;
383     display: block;
386 .form-item .form-setting .form-multicheckbox ul {
387     list-style: none;
388     padding: 0;
389     margin: 7px 0 0 0;
392 .form-item .form-setting .defaultsnext {
393     display: inline;
396 .form-item .form-setting .locked-checkbox {
397     margin-right: 0.2em;
398     margin-left: 0.5em;
399     display: inline;
402 .form-item .form-setting .form-password .unmask,
403 .form-item .form-setting .form-defaultinfo {
404     display: inline-block;
407 .form-item .form-setting .form-defaultinfo {
408     max-width: 100%;
409     word-wrap: break-word;
412 #admin-emoticons td input {
413     width: 8em;
416 #admin-emoticons td.c0 input {
417     width: 4em;
420 #adminthemeselector .selectedtheme td.c0 {
421     border: 1px solid $state-info-border;
422     border-right-width: 0;
425 #adminthemeselector .selectedtheme td.c1 {
426     border: 1px solid $state-info-border;
427     border-left-width: 0;
430 .admin_colourpicker,
431 .admin_colourpicker_preview {
432     display: none;
435 .jsenabled .admin_colourpicker_preview {
436     display: inline;
439 .jsenabled .admin_colourpicker {
440     display: block;
441     height: 102px;
442     width: 410px;
443     margin-bottom: 10px;
444     box-sizing: content-box;
447 .admin_colourpicker .loadingicon {
448     vertical-align: middle;
449     margin-left: auto;
452 .admin_colourpicker .colourdialogue {
453     float: left;
454     border: 1px solid $state-info-border;
457 .admin_colourpicker .previewcolour {
458     border: 1px solid $state-info-border;
459     margin-left: 301px;
462 .admin_colourpicker .currentcolour {
463     border: 1px solid $state-info-border;
464     margin-left: 301px;
465     border-top-width: 0;
468 #page-admin-index #notice .checkforupdates {
469     text-align: center;
472 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
473     @extend .tag-info;
476 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
477 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
478     @extend .tag-warning;
481 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
482     @extend .tag-danger;
485 // Plugins overview page at admin/plugins.php
486 #page-admin-plugins {
487     #plugins-overview-panel {
488         .info {
489             display: inline-block;
490             margin-right: 1em;
491         }
492     }
494     .checkforupdates {
495         margin: 10px 0;
497         .singlebutton {
498             margin: 5px 0;
499             padding: 0;
501             div,
502             input {
503                 margin: 0 3px 0 0;
504             }
505         }
506     }
508     .updateavailableinstallall {
509         margin: 5px 0;
510         padding: 0;
512         div,
513         input {
514             margin: 0 3px 5px 0;
515         }
516     }
518     #plugins-control-panel {
519         .status-missing td {
520             background-color: $state-warning-bg;
521         }
523         .pluginname {
524             .componentname {
525                 font-size: $font-size-sm;
526                 @extend .text-muted;
527                 margin-left: 22px;
528             }
529         }
531         .version {
532             .versionnumber {
533                 font-size: $font-size-sm;
534                 @extend .text-muted;
535             }
536         }
538         .uninstall {
539             a {
540                 color: $state-danger-text;
541             }
542         }
544         .notes {
545             .label {
546                 margin-right: 3px;
547             }
549             .requiredby {
550                 font-size: $font-size-sm;
551                 @extend .text-muted;
552             }
553         }
554     }
558 // Plugins check page displayed during upgrade.
559 #plugins-check-page {
560     .page-description {
561         @extend .text-muted;
562     }
564     // Check for updates.
565     .checkforupdates {
566         .singlebutton {
567             margin: 5px 0;
568             padding: 0;
570             div,
571             input {
572                 margin: 0 3px 0 0;
573             }
574         }
575     }
577     // Section before the plugins check table.
578     #plugins-check-info {
579         .actions {
580             > div {
581                 display: inline-block;
582                 margin-right: 1em;
583             }
585             .singlebutton {
586                 margin: 5px 0;
587                 padding: 0;
589                 div,
590                 input {
591                     margin: 0 3px 0 0;
592                 }
593             }
594         }
595     }
597     // Plugins check table.
598     #plugins-check {
599         .requires-ok {
600             @extend .text-muted;
601         }
603         .status-missing,
604         .status-downgrade {
605             td {
606                 background-color: $state-danger-bg;
607             }
608         }
610         .displayname {
611             .plugindir {
612                 @extend .text-muted;
613                 font-size: $font-size-sm;
614             }
615         }
617         .requires ul {
618             margin-left: 13px; // To undo the default 25px, does not look that great inside a table cell;
619         }
621         .status {
622             .actionbutton {
623                 margin: 5px 0;
624                 padding: 0;
626                 input {
627                     margin: 0;
628                 }
629             }
630         }
631     }
633     .plugins-check-dependencies-actions {
634         > div {
635             display: inline-block;
636             margin-right: 1em;
637         }
639         .singlebutton {
640             margin: 5px 0;
641             padding: 0;
643             div,
644             input {
645                 margin: 0 3px 0 0;
646             }
647         }
648     }
650     // List of available dependencies on the plugins check page.
651     #plugins-check-available-dependencies {
652         .displayname .component {
653             font-size: $font-size-sm;
654             @extend .text-muted;
655         }
657         .info .actions {
658             > div {
659                 display: inline-block;
660                 margin-right: 1em;
661             }
663             .dependencyinstall {
664                 display: block;
665                 margin: 5px 0;
666                 padding: 0;
668                 input {
669                     margin: 0;
670                 }
671             }
672         }
673     }
676 // Available plugin update notification.
678 #plugins-check-page,
679 #plugins-control-panel {
680     .pluginupdateinfo {
681         background-color: $state-info-bg;
683         &.maturity50 {
684             background-color: $state-danger-bg;
685         }
687         &.maturity100,
688         &.maturity150 {
689             background-color: $state-warning-bg;
690         }
691         padding: 5px;
692         margin: 10px 0;
694         @include border-radius(5px);
696         .info {
697             display: inline-block;
698         }
700         .separator:after {
701             content: " | ";
702         }
704         .singlebutton {
705             margin: 5px 0;
706             padding: 0;
708             div,
709             input {
710                 margin: 0 3px 0 0;
711             }
712         }
713     }
716 .plugins-management-confirm-buttons {
717     > div {
718         display: inline-block;
719         margin: 1em 1em 1em 0;
720     }
722     .continue {
723         padding: 0;
725         div,
726         input {
727             margin: 0;
728         }
729     }
732 .uninstalldeleteconfirmexternal {
733     @extend .alert-warning;
734     padding: 0.5em 1em;
735     margin: 5px 0 10px 0;
738 #page-admin-index .upgradepluginsinfo {
739     text-align: center;
742 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
743     content: " | ";
746 /** MNet networking */
747 #page-admin-mnet-peers .box.deletedhosts {
748     margin-bottom: 1em;
749     font-size: $font-size-sm;
752 #page-admin-mnet-peers .mform .deletedhostinfo {
753     @extend .form-control-danger;
754     padding: 4px;
755     margin-bottom: 5px;
758 #core-cache-plugin-summaries table,
759 #core-cache-store-summaries table {
760     width: 100%;
763 #core-cache-lock-summary table,
764 #core-cache-definition-summaries table,
765 #core-cache-mode-mappings table {
766     margin: 0 auto;
769 #core-cache-store-summaries .default-store td {
770     font-style: italic;
773 #core-cache-rescan-definitions,
774 #core-cache-mode-mappings .edit-link,
775 #core-cache-lock-summary .new-instance {
776     margin-top: 0.5em;
777     text-align: center;
780 .maintenancewarning {
781     position: fixed;
782     bottom: 0;
783     right: 0;
784     overflow: hidden;
785     z-index: $zindex-dropdown;
787     &.error {
788         @extend .form-control-danger;
789     }
791     &.warning {
792         @extend .form-control-warning;
793     }
796 #adminsettings .form-overridden {
797     @extend .alert-info;
800 .modal.modal-in-page {
801     z-index: 0;
804 #overriderolestable .overriddenpermission {
805     @extend .table-warning;
808 #page-admin-search {
809     .adminpagetitle {
810         margin-bottom: 0;
811         border-bottom: none;
812     }
813     .adminpagepath {
814         display: flex;
815         flex-wrap: wrap;
816         list-style: none;
817         padding: 0;
818         margin: 0 0 1.5rem 0;
819         li {
820             @extend .text-muted;
821             @extend .small;
822             + li:before {
823                 padding-right: 0.5rem;
824                 padding-left: 0.5rem;
825                 content: "#{$breadcrumb-divider}";
826             }
827         }
828     }
831 #page-admin-tasklogs {
832     .task-class {
833         font-size: $font-size-sm;
834         color: $gray-600;
835     }