weekly release 4.0dev
[moodle.git] / theme / boost / scss / moodle / debug.scss
1 // Here we are forcing the navbar to be absolutely positioned for behat, because
2 // when driver scrolls something into view in browser it doesn't account
3 // for fixed positioned elements that end up obscuring the item thus
4 // leading to errors that could be avoided by scrolling an additional amount.
5 body.behat-site {
6     .fixed-top {
7         position: absolute;
8     }
10     // We need more spacing in action menus so behat does not click on the wrong menu item.
11     .dropdown-item {
12         margin-top: 4px !important; /* stylelint-disable declaration-no-important */
13     }
15     // Remove following after MDL-57172 is fixed.
16     &.drawer-ease {
17         -webkit-transition: initial;
18         -moz-transition: initial;
19         transition: initial;
20     }
22     [data-region="drawer"] {
23         -webkit-transition: initial;
24         -moz-transition: initial;
25         transition: initial;
26         position: absolute;
27     }
28     .custom-control,
29     .custom-switch {
30         padding-left: 0;
31     }
32     .custom-control-input {
33         position: static;
34         z-index: 0;
35         opacity: 1;
36     }
37     .custom-control-label {
38         &::before,
39         &::after {
40             content: none;
41         }
42     }
44     // Workaround for MDL-70411.
45     // Pad the side of the message drawer out slightly to ensure that Firefox scroll bar does not cover controls at the
46     // edge of the screen.
47     [data-region="message-drawer"] {
48         padding-right: 10px;
49     }
50 }
52 .phpinfo table,
53 .phpinfo th,
54 .phpinfo h2 {
55     margin: auto;
56 }
58 .phpinfo .e,
59 .phpinfo .v,
60 .phpinfo .h {
61     border: 1px solid #000;
62     font-size: 0.8em;
63     vertical-align: baseline;
64     color: #000;
65     background-color: #ccc;
66 }
68 .phpinfo .e {
69     background-color: #ccf;
70     font-weight: bold;
71 }
73 .phpinfo .h {
74     background-color: #99c;
75     font-weight: bold;
76 }