37b85b53a9e073da25d00158c72ae07245e47dfa
[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 #page-admin-report-capability-index #capabilitysearch {
65     width: 30em;
66 }
68 #page-admin-qtypes #qtypes div,
69 #page-admin-qtypes #qtypes form,
70 #page-admin-qbehaviours #qbehaviours div,
71 #page-admin-qbehaviours #qbehaviours form {
72     display: inline;
73 }
75 #page-admin-qtypes #qtypes img.spacer,
76 #page-admin-qbehaviours #qbehaviours img.spacer {
77     width: 16px;
78 }
80 #page-admin-qbehaviours .cell.c3,
81 #page-admin-qtypes .cell.c3 {
82     font-size: $font-size-sm;
83 }
85 #page-admin-lang .generalbox,
86 #page-admin-course-index .singlebutton,
87 #page-admin-course-index .addcategory,
88 #page-course-index .buttons,
89 #page-course-index-category .buttons,
90 #page-admin-course-category .addcategory,
91 #page-admin-stickyblocks .generalbox,
92 #page-admin-maintenance .buttons,
93 #page-admin-course-index .buttons,
94 #page-admin-course-category .buttons,
95 #page-admin-index .copyright,
96 #page-admin-index .copyrightnotice,
97 #page-admin-index .adminerror .singlebutton,
98 #page-admin-index .adminwarning .singlebutton,
99 #page-admin-index #layout-table .singlebutton {
100     text-align: center;
101     margin-bottom: 1em;
104 .path-admin-roles .capabilitysearchui {
105     text-align: left;
106     margin-left: auto;
107     margin-right: auto;
108     margin-top: $spacer-y;
111 #page-admin-roles-define .topfields {
112     margin: 1em 0 2em;
115 #page-admin-roles-define .capdefault {
116     background-color: $table-bg-hover;
119 #page-filter-manage .backlink,
120 .path-admin-roles .backlink {
121     margin-top: 1em;
124 #page-admin-roles-explain #chooseuser h3,
125 #page-admin-roles-usersroles .contextname {
126     margin-top: 0;
129 #page-admin-roles-explain #chooseusersubmit {
130     margin-top: 0;
131     text-align: center;
134 #page-admin-roles-usersroles p {
135     margin: 0;
138 #page-admin-roles-override .cell.c1,
139 #page-admin-roles-assign .cell.c3,
140 #page-admin-roles-assign .cell.c1 {
141     padding-top: 0.75em;
144 #page-admin-roles-override .overridenotice,
145 #page-admin-roles-define .definenotice {
146     margin: 1em 10% 2em 10%;
147     text-align: left;
150 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
151     display: block;
154 #page-admin-index .updateplugin div {
155     margin-bottom: 0.5em;
158 #page-admin-user-user_bulk #users .fgroup {
159     white-space: nowrap;
162 #page-admin-report-stats-index .graph {
163     text-align: center;
164     margin-bottom: 1em;
167 #page-admin-report-courseoverview-index .graph {
168     text-align: center;
169     margin-bottom: 1em;
172 #page-admin-lang .translator {
173     border-width: 1px;
174     border-style: solid;
177 // This is the CSS for the role assignment control.
178 .path-admin .roleassigntable {
179     width: 100%;
182 .path-admin .roleassigntable td {
183     vertical-align: top;
184     padding: 0.2em 0.3em;
187 .path-admin .roleassigntable p {
188     text-align: left;
189     margin: 0.2em 0;
192 .path-admin .roleassigntable #existingcell,
193 .path-admin .roleassigntable #potentialcell {
194     width: 42%;
197 // Targetting the label at the top.
198 .path-admin .roleassigntable #existingcell p > label:first-child,
199 .path-admin .roleassigntable #potentialcell p > label:first-child {
200     font-weight: bold;
203 .path-admin .roleassigntable #buttonscell {
204     width: 16%;
207 .path-admin .roleassigntable #buttonscell #assignoptions {
208     font-size: $font-size-sm;
211 .path-admin .roleassigntable #removeselect_wrapper,
212 .path-admin .roleassigntable #addselect_wrapper {
213     width: 100%;
216 .path-admin table.rolecap tr.rolecap th {
217     text-align: left;
218     font-weight: normal;
221 .path-admin .rolecap .hiddenrow {
222     display: none;
225 .path-admin #defineroletable {
226     .rolecap {
227         .inherit,
228         .allow,
229         .prevent,
230         .prohibit {
231             text-align: center;
232             padding: 0;
233             min-width: 3.5em;
234         }
235     }
238 .path-admin .rolecap .cap-name,
239 .path-admin .rolecap .note {
240     display: block;
241     font-size: $font-size-sm;
242     white-space: nowrap;
243     font-weight: normal;
246 .path-admin .rolecap label {
247     display: block;
248     text-align: center;
249     padding: 0.5em;
250     margin: 0;
253 .plugincheckwrapper {
254     width: 100%;
257 .environmentbox {
258     margin-top: 1em;
261 #mnetconfig table {
262     margin-left: auto;
263     margin-right: auto;
266 .environmenttable .cell {
267     padding: .15em .5em;
270 #trustedhosts .generaltable {
271     margin-left: auto;
272     margin-right: auto;
273     width: 500px;
276 #trustedhosts .standard {
277     width: auto;
280 // This usage of legend is a bit weird,
281 // seems to be using them as error text
282 // that's only sometimes visible. Should
283 // look into sorting it.
284 #adminsettings legend {
285     display: none;
288 #adminsettings fieldset.error {
289     margin: .2em 0 .5em 0;
292 #adminsettings fieldset.error legend {
293     display: block;
296 #admin-spelllanguagelist textarea,
297 #page-admin-setting-editorsettingstinymce .form-textarea textarea {
298     /* rtl:ignore */
299     text-align: left;
300     /* rtl:ignore */
301     direction: ltr;
304 /* Styles for flags on admin settings */
305 .adminsettingsflags {
306     float: right;
309 .adminsettingsflags label {
310     margin-right: 7px;
313 .form-description pre,
314 .formsettingheading pre {
315     /*rtl:ignore*/
316     direction: ltr;
319 .form-item .form-setting .form-htmlarea {
320     display: inline;
323 .form-item .form-setting .form-htmlarea .htmlarea {
324     width: 640px;
325     display: block;
328 .form-item .form-setting .form-multicheckbox ul {
329     list-style: none;
330     padding: 0;
331     margin: 7px 0 0 0;
334 .form-item .form-setting .defaultsnext {
335     display: inline;
338 .form-item .form-setting .locked-checkbox {
339     margin-right: 0.2em;
340     margin-left: 0.5em;
341     display: inline;
344 .form-item .form-setting .form-password .unmask,
345 .form-item .form-setting .form-defaultinfo {
346     display: inline-block;
349 .form-item .form-setting .form-defaultinfo {
350     max-width: 100%;
351     word-wrap: break-word;
354 #admin-emoticons td input {
355     width: 8em;
358 #admin-emoticons td.c0 input {
359     width: 4em;
362 #adminthemeselector .selectedtheme td.c0 {
363     border: 1px solid $state-info-border;
364     border-right-width: 0;
367 #adminthemeselector .selectedtheme td.c1 {
368     border: 1px solid $state-info-border;
369     border-left-width: 0;
372 .admin_colourpicker,
373 .admin_colourpicker_preview {
374     display: none;
377 .jsenabled .admin_colourpicker_preview {
378     display: inline;
381 .jsenabled .admin_colourpicker {
382     display: block;
383     height: 102px;
384     width: 410px;
385     margin-bottom: 10px;
386     box-sizing: content-box;
389 .admin_colourpicker .loadingicon {
390     vertical-align: middle;
391     margin-left: auto;
394 .admin_colourpicker .colourdialogue {
395     float: left;
396     border: 1px solid $state-info-border;
399 .admin_colourpicker .previewcolour {
400     border: 1px solid $state-info-border;
401     margin-left: 301px;
404 .admin_colourpicker .currentcolour {
405     border: 1px solid $state-info-border;
406     margin-left: 301px;
407     border-top-width: 0;
410 #page-admin-index #notice .checkforupdates {
411     text-align: center;
414 // Plugins overview page at admin/plugins.php
415 #page-admin-plugins {
416     #plugins-overview-panel {
417         .info {
418             display: inline-block;
419             margin-right: 1em;
420         }
421     }
423     .checkforupdates {
424         margin: 10px 0;
426         .singlebutton {
427             margin: 5px 0;
428             padding: 0;
430             div,
431             input {
432                 margin: 0 3px 0 0;
433             }
434         }
435     }
437     .updateavailableinstallall {
438         margin: 5px 0;
439         padding: 0;
441         div,
442         input {
443             margin: 0 3px 5px 0;
444         }
445     }
447     #plugins-control-panel {
448         .status-missing td {
449             background-color: $state-warning-bg;
450         }
452         .pluginname {
453             .componentname {
454                 font-size: $font-size-sm;
455                 color: $text-muted;
456                 margin-left: 22px;
457             }
458         }
460         .version {
461             .versionnumber {
462                 font-size: $font-size-sm;
463                 color: $text-muted;
464             }
465         }
467         .uninstall {
468             a {
469                 color: $state-danger-text;
470             }
471         }
473         .notes {
474             .label {
475                 margin-right: 3px;
476             }
478             .requiredby {
479                 font-size: $font-size-sm;
480                 color: $text-muted;
481             }
482         }
483     }
487 // Plugins check page displayed during upgrade.
488 #plugins-check-page {
489     .page-description {
490         color: $text-muted;
491     }
493     // Check for updates.
494     .checkforupdates {
495         .singlebutton {
496             margin: 5px 0;
497             padding: 0;
499             div,
500             input {
501                 margin: 0 3px 0 0;
502             }
503         }
504     }
506     // Section before the plugins check table.
507     #plugins-check-info {
508         .actions {
509             > div {
510                 display: inline-block;
511                 margin-right: 1em;
512             }
514             .singlebutton {
515                 margin: 5px 0;
516                 padding: 0;
518                 div,
519                 input {
520                     margin: 0 3px 0 0;
521                 }
522             }
523         }
524     }
526     // Plugins check table.
527     #plugins-check {
528         .requires-ok {
529             color: $text-muted;
530         }
532         .status-missing,
533         .status-downgrade {
534             td {
535                 background-color: $state-danger-bg;
536             }
537         }
539         .displayname {
540             .plugindir {
541                 color: $text-muted;
542                 font-size: $font-size-sm;
543             }
544         }
546         .requires ul {
547             margin-left: 13px; // To undo the default 25px, does not look that great inside a table cell;
548         }
550         .status {
551             .actionbutton {
552                 margin: 5px 0;
553                 padding: 0;
555                 input {
556                     margin: 0;
557                 }
558             }
559         }
560     }
562     .plugins-check-dependencies-actions {
563         > div {
564             display: inline-block;
565             margin-right: 1em;
566         }
568         .singlebutton {
569             margin: 5px 0;
570             padding: 0;
572             div,
573             input {
574                 margin: 0 3px 0 0;
575             }
576         }
577     }
579     // List of available dependencies on the plugins check page.
580     #plugins-check-available-dependencies {
581         .displayname .component {
582             font-size: $font-size-sm;
583             color: $text-muted;
584         }
586         .info .actions {
587             > div {
588                 display: inline-block;
589                 margin-right: 1em;
590             }
592             .dependencyinstall {
593                 display: block;
594                 margin: 5px 0;
595                 padding: 0;
597                 input {
598                     margin: 0;
599                 }
600             }
601         }
602     }
605 // Available plugin update notification.
607 #plugins-check-page,
608 #plugins-control-panel {
609     .pluginupdateinfo {
610         background-color: $state-info-bg;
612         &.maturity50 {
613             background-color: $state-danger-bg;
614         }
616         &.maturity100,
617         &.maturity150 {
618             background-color: $state-warning-bg;
619         }
620         padding: 5px;
621         margin: 10px 0;
623         @include border-radius(5px);
625         .info {
626             display: inline-block;
627         }
629         .separator:after {
630             content: " | ";
631         }
633         .singlebutton {
634             margin: 5px 0;
635             padding: 0;
637             div,
638             input {
639                 margin: 0 3px 0 0;
640             }
641         }
642     }
645 .plugins-management-confirm-buttons {
646     > div {
647         display: inline-block;
648         margin: 1em 1em 1em 0;
649     }
651     .continue {
652         padding: 0;
654         div,
655         input {
656             margin: 0;
657         }
658     }
661 .uninstalldeleteconfirmexternal {
662     @extend .alert-warning;
663     padding: 0.5em 1em;
664     margin: 5px 0 10px 0;
667 #page-admin-index .upgradepluginsinfo {
668     text-align: center;
671 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
672     content: " | ";
675 /** MNet networking */
676 #page-admin-mnet-peers .box.deletedhosts {
677     margin-bottom: 1em;
678     font-size: $font-size-sm;
681 #page-admin-mnet-peers .mform .deletedhostinfo {
682     @extend .form-control-danger;
683     padding: 4px;
684     margin-bottom: 5px;
687 #core-cache-plugin-summaries table,
688 #core-cache-store-summaries table {
689     width: 100%;
692 #core-cache-lock-summary table,
693 #core-cache-definition-summaries table,
694 #core-cache-mode-mappings table {
695     margin: 0 auto;
698 #core-cache-store-summaries .default-store td {
699     font-style: italic;
702 #core-cache-rescan-definitions,
703 #core-cache-mode-mappings .edit-link,
704 #core-cache-lock-summary .new-instance {
705     margin-top: 0.5em;
706     text-align: center;
709 .maintenancewarning {
710     position: fixed;
711     bottom: 0;
712     right: 0;
713     overflow: hidden;
714     z-index: $zindex-dropdown;
716     &.error {
717         @extend .form-control-danger;
718     }
720     &.warning {
721         @extend .form-control-warning;
722     }
725 #adminsettings .form-overridden {
726     @extend .alert-info;
729 .modal.modal-in-page {
730     z-index: 0;
733 #overriderolestable .overriddenpermission {
734     @extend .table-warning;
737 #page-admin-search {
738     .adminpagetitle {
739         margin-bottom: 0;
740         border-bottom: none;
741     }
742     .adminpagepath {
743         display: flex;
744         flex-wrap: wrap;
745         list-style: none;
746         padding: 0;
747         margin: 0 0 1.5rem 0;
748         li {
749             color: $text-muted;
750             @extend .small;
751             + li:before {
752                 padding-right: 0.5rem;
753                 padding-left: 0.5rem;
754                 content: "#{$breadcrumb-divider}";
755             }
756         }
757     }
758     @media (min-width: 576px) {
759         .container {
760             overflow-wrap: break-word;
761         }
762     }
765 #page-admin-tasklogs {
766     .task-class {
767         font-size: $font-size-sm;
768         color: $gray-600;
769     }