MDL-66999 theme_boost: @extend remove .small
[moodle.git] / theme / boost / scss / moodle / admin.scss
CommitLineData
536f0460
DW
1/* admin.less */
2.formtable tbody th {
3 font-weight: normal;
4 text-align: right;
5}
6
7.path-admin #assignrole {
8 width: 60%;
9 margin-left: auto;
10 margin-right: auto;
11}
12
13.path-admin .admintable .leftalign {
14 text-align: left;
15}
16
17.environmenttable {
18 .warn {
65b8336e 19 background-color: $state-warning-bg;
5920f633 20 color: $state-warning-text;
536f0460 21 }
f4143537 22
536f0460 23 .error {
65b8336e 24 background-color: $state-danger-bg;
5920f633 25 color: $state-danger-text;
536f0460 26 }
f4143537 27
536f0460 28 .ok {
65b8336e 29 background-color: $state-success-bg;
5920f633 30 color: $state-success-text;
536f0460
DW
31 }
32}
33
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}
41
42.path-admin .incompatibleblockstable td.c0 {
43 font-weight: bold;
44}
45
46#page-admin-course-category .addcategory {
47 padding: 10px;
48}
49
50#page-admin-course-index .editcourse {
51 margin: 20px auto;
52}
53
54#page-admin-course-index .editcourse th,
55#page-admin-course-index .editcourse td {
56 padding-left: 10px;
57 padding-right: 10px;
58}
59
60.timewarninghidden {
61 display: none;
62}
f4143537 63
536f0460
DW
64#page-admin-report-capability-index #capabilitysearch {
65 width: 30em;
66}
67
536f0460
DW
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}
74
75#page-admin-qtypes #qtypes img.spacer,
76#page-admin-qbehaviours #qbehaviours img.spacer {
77 width: 16px;
78}
79
536f0460
DW
80#page-admin-qbehaviours .cell.c3,
81#page-admin-qtypes .cell.c3 {
82 font-size: $font-size-sm;
83}
84
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;
102}
103
104.path-admin-roles .capabilitysearchui {
105 text-align: left;
106 margin-left: auto;
107 margin-right: auto;
213fc325 108 margin-top: $spacer-y;
536f0460
DW
109}
110
111#page-admin-roles-define .topfields {
112 margin: 1em 0 2em;
113}
114
115#page-admin-roles-define .capdefault {
65b8336e 116 background-color: $table-bg-hover;
536f0460
DW
117}
118
119#page-filter-manage .backlink,
120.path-admin-roles .backlink {
121 margin-top: 1em;
122}
123
124#page-admin-roles-explain #chooseuser h3,
125#page-admin-roles-usersroles .contextname {
126 margin-top: 0;
127}
128
129#page-admin-roles-explain #chooseusersubmit {
130 margin-top: 0;
131 text-align: center;
132}
133
134#page-admin-roles-usersroles p {
135 margin: 0;
136}
137
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;
142}
143
144#page-admin-roles-override .overridenotice,
145#page-admin-roles-define .definenotice {
146 margin: 1em 10% 2em 10%;
147 text-align: left;
148}
149
536f0460
DW
150#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
151 display: block;
152}
153
154#page-admin-index .updateplugin div {
155 margin-bottom: 0.5em;
156}
157
536f0460
DW
158#page-admin-user-user_bulk #users .fgroup {
159 white-space: nowrap;
160}
161
162#page-admin-report-stats-index .graph {
163 text-align: center;
164 margin-bottom: 1em;
165}
166
167#page-admin-report-courseoverview-index .graph {
168 text-align: center;
169 margin-bottom: 1em;
170}
171
172#page-admin-lang .translator {
173 border-width: 1px;
174 border-style: solid;
175}
176
177// This is the CSS for the role assignment control.
178.path-admin .roleassigntable {
179 width: 100%;
180}
181
182.path-admin .roleassigntable td {
183 vertical-align: top;
f4143537 184 padding: 0.2em 0.3em;
536f0460
DW
185}
186
187.path-admin .roleassigntable p {
188 text-align: left;
189 margin: 0.2em 0;
190}
191
192.path-admin .roleassigntable #existingcell,
193.path-admin .roleassigntable #potentialcell {
194 width: 42%;
195}
196
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;
201}
202
203.path-admin .roleassigntable #buttonscell {
204 width: 16%;
205}
206
207.path-admin .roleassigntable #buttonscell #assignoptions {
208 font-size: $font-size-sm;
209}
210
211.path-admin .roleassigntable #removeselect_wrapper,
212.path-admin .roleassigntable #addselect_wrapper {
213 width: 100%;
214}
215
216.path-admin table.rolecap tr.rolecap th {
217 text-align: left;
218 font-weight: normal;
219}
220
221.path-admin .rolecap .hiddenrow {
222 display: none;
223}
224
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 }
236}
237
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;
244}
245
246.path-admin .rolecap label {
247 display: block;
248 text-align: center;
249 padding: 0.5em;
250 margin: 0;
251}
252
253.plugincheckwrapper {
254 width: 100%;
255}
256
257.environmentbox {
258 margin-top: 1em;
259}
260
261#mnetconfig table {
262 margin-left: auto;
263 margin-right: auto;
264}
265
266.environmenttable .cell {
267 padding: .15em .5em;
268}
269
536f0460
DW
270#trustedhosts .generaltable {
271 margin-left: auto;
272 margin-right: auto;
273 width: 500px;
274}
275
276#trustedhosts .standard {
277 width: auto;
278}
279
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;
286}
287
288#adminsettings fieldset.error {
289 margin: .2em 0 .5em 0;
290}
291
292#adminsettings fieldset.error legend {
293 display: block;
294}
295
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;
302}
303
304/* Styles for flags on admin settings */
305.adminsettingsflags {
306 float: right;
307}
308
309.adminsettingsflags label {
310 margin-right: 7px;
311}
312
113efed5
FM
313.form-description pre,
314.formsettingheading pre {
315 /*rtl:ignore*/
316 direction: ltr;
317}
318
536f0460
DW
319.form-item .form-setting .form-htmlarea {
320 display: inline;
321}
322
323.form-item .form-setting .form-htmlarea .htmlarea {
324 width: 640px;
325 display: block;
326}
327
328.form-item .form-setting .form-multicheckbox ul {
329 list-style: none;
330 padding: 0;
331 margin: 7px 0 0 0;
332}
333
334.form-item .form-setting .defaultsnext {
536f0460
DW
335 display: inline;
336}
337
338.form-item .form-setting .locked-checkbox {
339 margin-right: 0.2em;
340 margin-left: 0.5em;
341 display: inline;
342}
343
344.form-item .form-setting .form-password .unmask,
345.form-item .form-setting .form-defaultinfo {
346 display: inline-block;
2c773bb3 347}
f4143537 348
2c773bb3
FM
349.form-item .form-setting .form-defaultinfo {
350 max-width: 100%;
351 word-wrap: break-word;
536f0460
DW
352}
353
354#admin-emoticons td input {
355 width: 8em;
356}
357
358#admin-emoticons td.c0 input {
359 width: 4em;
360}
361
362#adminthemeselector .selectedtheme td.c0 {
363 border: 1px solid $state-info-border;
364 border-right-width: 0;
365}
366
367#adminthemeselector .selectedtheme td.c1 {
368 border: 1px solid $state-info-border;
369 border-left-width: 0;
370}
371
372.admin_colourpicker,
373.admin_colourpicker_preview {
374 display: none;
375}
376
377.jsenabled .admin_colourpicker_preview {
378 display: inline;
379}
380
381.jsenabled .admin_colourpicker {
382 display: block;
383 height: 102px;
384 width: 410px;
385 margin-bottom: 10px;
2c773bb3 386 box-sizing: content-box;
536f0460
DW
387}
388
389.admin_colourpicker .loadingicon {
390 vertical-align: middle;
391 margin-left: auto;
392}
393
394.admin_colourpicker .colourdialogue {
395 float: left;
396 border: 1px solid $state-info-border;
397}
398
399.admin_colourpicker .previewcolour {
400 border: 1px solid $state-info-border;
401 margin-left: 301px;
402}
403
404.admin_colourpicker .currentcolour {
405 border: 1px solid $state-info-border;
406 margin-left: 301px;
407 border-top-width: 0;
408}
409
410#page-admin-index #notice .checkforupdates {
411 text-align: center;
412}
413
536f0460
DW
414// Plugins overview page at admin/plugins.php
415#page-admin-plugins {
536f0460
DW
416 #plugins-overview-panel {
417 .info {
418 display: inline-block;
419 margin-right: 1em;
420 }
421 }
422
423 .checkforupdates {
424 margin: 10px 0;
f4143537 425
536f0460
DW
426 .singlebutton {
427 margin: 5px 0;
428 padding: 0;
f4143537
DP
429
430 div,
431 input {
536f0460
DW
432 margin: 0 3px 0 0;
433 }
434 }
435 }
436
437 .updateavailableinstallall {
438 margin: 5px 0;
439 padding: 0;
f4143537
DP
440
441 div,
442 input {
536f0460
DW
443 margin: 0 3px 5px 0;
444 }
445 }
446
447 #plugins-control-panel {
448 .status-missing td {
65b8336e 449 background-color: $state-warning-bg;
536f0460 450 }
f4143537 451
536f0460 452 .pluginname {
536f0460
DW
453 .componentname {
454 font-size: $font-size-sm;
6239d808 455 color: $text-muted;
536f0460
DW
456 margin-left: 22px;
457 }
458 }
f4143537 459
536f0460
DW
460 .version {
461 .versionnumber {
462 font-size: $font-size-sm;
6239d808 463 color: $text-muted;
536f0460 464 }
536f0460 465 }
f4143537 466
536f0460
DW
467 .uninstall {
468 a {
65b8336e 469 color: $state-danger-text;
536f0460
DW
470 }
471 }
f4143537 472
536f0460
DW
473 .notes {
474 .label {
475 margin-right: 3px;
476 }
f4143537 477
536f0460
DW
478 .requiredby {
479 font-size: $font-size-sm;
6239d808 480 color: $text-muted;
536f0460
DW
481 }
482 }
483 }
484}
485
486
487// Plugins check page displayed during upgrade.
488#plugins-check-page {
536f0460 489 .page-description {
6239d808 490 color: $text-muted;
536f0460
DW
491 }
492
493 // Check for updates.
494 .checkforupdates {
495 .singlebutton {
496 margin: 5px 0;
497 padding: 0;
f4143537
DP
498
499 div,
500 input {
536f0460
DW
501 margin: 0 3px 0 0;
502 }
503 }
504 }
505
506 // Section before the plugins check table.
507 #plugins-check-info {
508 .actions {
509 > div {
510 display: inline-block;
511 margin-right: 1em;
512 }
f4143537 513
536f0460
DW
514 .singlebutton {
515 margin: 5px 0;
516 padding: 0;
f4143537
DP
517
518 div,
519 input {
536f0460
DW
520 margin: 0 3px 0 0;
521 }
522 }
523 }
524 }
525
526 // Plugins check table.
527 #plugins-check {
528 .requires-ok {
6239d808 529 color: $text-muted;
536f0460
DW
530 }
531
f4143537
DP
532 .status-missing,
533 .status-downgrade {
536f0460 534 td {
f4143537 535 background-color: $state-danger-bg;
536f0460
DW
536 }
537 }
538
539 .displayname {
536f0460 540 .plugindir {
6239d808 541 color: $text-muted;
536f0460
DW
542 font-size: $font-size-sm;
543 }
544 }
545
546 .requires ul {
547 margin-left: 13px; // To undo the default 25px, does not look that great inside a table cell;
548 }
549
550 .status {
551 .actionbutton {
fde35b8f 552 margin: 5px 0;
536f0460 553 padding: 0;
f4143537 554
536f0460
DW
555 input {
556 margin: 0;
557 }
558 }
559 }
560 }
561
562 .plugins-check-dependencies-actions {
563 > div {
564 display: inline-block;
565 margin-right: 1em;
566 }
f4143537 567
536f0460
DW
568 .singlebutton {
569 margin: 5px 0;
570 padding: 0;
f4143537
DP
571
572 div,
573 input {
536f0460
DW
574 margin: 0 3px 0 0;
575 }
576 }
577 }
578
579 // List of available dependencies on the plugins check page.
580 #plugins-check-available-dependencies {
581 .displayname .component {
582 font-size: $font-size-sm;
6239d808 583 color: $text-muted;
536f0460 584 }
f4143537 585
536f0460
DW
586 .info .actions {
587 > div {
588 display: inline-block;
589 margin-right: 1em;
590 }
f4143537 591
536f0460
DW
592 .dependencyinstall {
593 display: block;
594 margin: 5px 0;
595 padding: 0;
f4143537 596
536f0460
DW
597 input {
598 margin: 0;
599 }
600 }
601 }
602 }
603}
604
605// Available plugin update notification.
606
f4143537
DP
607#plugins-check-page,
608#plugins-control-panel {
536f0460 609 .pluginupdateinfo {
65b8336e 610 background-color: $state-info-bg;
f4143537 611
536f0460 612 &.maturity50 {
65b8336e 613 background-color: $state-danger-bg;
536f0460 614 }
f4143537
DP
615
616 &.maturity100,
617 &.maturity150 {
65b8336e 618 background-color: $state-warning-bg;
536f0460
DW
619 }
620 padding: 5px;
621 margin: 10px 0;
f4143537 622
536f0460 623 @include border-radius(5px);
f4143537 624
536f0460
DW
625 .info {
626 display: inline-block;
627 }
f4143537 628
536f0460
DW
629 .separator:after {
630 content: " | ";
631 }
f4143537 632
536f0460
DW
633 .singlebutton {
634 margin: 5px 0;
635 padding: 0;
f4143537
DP
636
637 div,
638 input {
536f0460
DW
639 margin: 0 3px 0 0;
640 }
641 }
642 }
643}
644
645.plugins-management-confirm-buttons {
646 > div {
647 display: inline-block;
648 margin: 1em 1em 1em 0;
649 }
f4143537 650
536f0460
DW
651 .continue {
652 padding: 0;
f4143537
DP
653
654 div,
655 input {
536f0460
DW
656 margin: 0;
657 }
658 }
659}
660
661.uninstalldeleteconfirmexternal {
662 @extend .alert-warning;
663 padding: 0.5em 1em;
664 margin: 5px 0 10px 0;
665}
666
667#page-admin-index .upgradepluginsinfo {
668 text-align: center;
669}
670
671#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
672 content: " | ";
673}
674
675/** MNet networking */
676#page-admin-mnet-peers .box.deletedhosts {
677 margin-bottom: 1em;
678 font-size: $font-size-sm;
679}
680
681#page-admin-mnet-peers .mform .deletedhostinfo {
682 @extend .form-control-danger;
683 padding: 4px;
684 margin-bottom: 5px;
685}
686
687#core-cache-plugin-summaries table,
688#core-cache-store-summaries table {
689 width: 100%;
690}
691
692#core-cache-lock-summary table,
693#core-cache-definition-summaries table,
694#core-cache-mode-mappings table {
695 margin: 0 auto;
696}
697
698#core-cache-store-summaries .default-store td {
699 font-style: italic;
700}
701
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;
707}
708
536f0460 709.maintenancewarning {
536f0460
DW
710 position: fixed;
711 bottom: 0;
712 right: 0;
713 overflow: hidden;
b3b938bf 714 z-index: $zindex-dropdown;
f4143537 715
536f0460
DW
716 &.error {
717 @extend .form-control-danger;
718 }
f4143537 719
536f0460
DW
720 &.warning {
721 @extend .form-control-warning;
722 }
723}
724
725#adminsettings .form-overridden {
f2e599d5 726 @extend .alert-info;
536f0460 727}
f2405a5f
DW
728
729.modal.modal-in-page {
730 z-index: 0;
731}
1755bf99
DP
732
733#overriderolestable .overriddenpermission {
734 @extend .table-warning;
735}
8b8b9a94
DM
736
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 {
8b8b9a94
DM
749 + li:before {
750 padding-right: 0.5rem;
751 padding-left: 0.5rem;
752 content: "#{$breadcrumb-divider}";
753 }
754 }
755 }
03f88d71
AP
756 @media (min-width: 576px) {
757 .container {
758 overflow-wrap: break-word;
759 }
760 }
8b8b9a94 761}
8c69e86c
AN
762
763#page-admin-tasklogs {
764 .task-class {
765 font-size: $font-size-sm;
766 color: $gray-600;
767 }
768}