resources/src/mediawiki.debug/debug.less

   1 .mw-debug {
   2         width: 100%;
   3         background-color: #eee;
   4         border-top: 1px solid #aaa;
   5
   6         pre {
   7                 font-size: 11px;
   8                 padding: 0;
   9                 margin: 0;
  10                 background: none;
  11                 border: 0;
  12         }
  13
  14         table {
  15                 border-spacing: 0;
  16                 width: 100%;
  17                 table-layout: fixed;
  18
  19                 tr {
  20                         background-color: #fff;
  21
  22                         &:nth-child( even ) {
  23                                 background-color: #f9f9f9;
  24                         }
  25                 }
  26
  27                 td,
  28                 th {
  29                         padding: 4px 10px;
  30                 }
  31
  32                 td {
  33                         border-bottom: 1px solid #eee;
  34                         word-wrap: break-word;
  35
  36                         /* stylelint-disable-next-line selector-class-pattern */
  37                         &.nr {
  38                                 text-align: right;
  39                         }
  40
  41                         /* stylelint-disable-next-line selector-class-pattern */
  42                         span.stats {
  43                                 color: #727272;
  44                         }
  45                 }
  46         }
  47
  48         ul {
  49                 margin: 0;
  50                 list-style: none;
  51         }
  52
  53         li {
  54                 padding: 4px 0;
  55                 width: 100%;
  56         }
  57 }
  58
  59 .mw-debug-bits {
  60         text-align: center;
  61         border-bottom: 1px solid #aaa;
  62 }
  63
  64 .mw-debug-bit {
  65         display: inline-block;
  66         padding: 10px 5px;
  67         font-size: 13px;
  68 }
  69
  70 .mw-debug-panelink {
  71         background-color: #eee;
  72         border-right: 1px solid #ccc;
  73
  74         &:first-child {
  75                 border-left: 1px solid #ccc;
  76         }
  77
  78         &:hover {
  79                 background-color: #fefefe;
  80                 cursor: pointer;
  81         }
  82
  83         /* stylelint-disable-next-line selector-class-pattern */
  84         &.current {
  85                 background-color: #dedede;
  86         }
  87 }
  88
  89 a.mw-debug-panelabel,
  90 a.mw-debug-panelabel:visited {
  91         color: #000;
  92 }
  93
  94 .mw-debug-pane {
  95         height: 300px;
  96         overflow: scroll;
  97         display: none;
  98         font-family: monospace, monospace;
  99         font-size: 11px;
 100         background-color: #e1eff2;
 101         box-sizing: border-box;
 102 }
 103
 104 #mw-debug-pane-debuglog,
 105 #mw-debug-pane-request {
 106         padding: 20px;
 107 }
 108
 109 #mw-debug-pane-request {
 110         table {
 111                 width: 100%;
 112                 margin: 10px 0 30px;
 113         }
 114
 115         tr,
 116         th,
 117         td,
 118         table {
 119                 border: 1px solid #d0dbb3;
 120                 border-collapse: collapse;
 121                 margin: 0;
 122         }
 123
 124         th,
 125         td {
 126                 font-size: 12px;
 127                 padding: 8px 10px;
 128         }
 129
 130         th {
 131                 background-color: #f1f7e2;
 132                 font-weight: bold;
 133         }
 134
 135         td {
 136                 background-color: #fff;
 137         }
 138 }
 139
 140 #mw-debug-console tr td {
 141         &:first-child {
 142                 font-weight: bold;
 143                 vertical-align: top;
 144         }
 145
 146         &:last-child {
 147                 vertical-align: top;
 148         }
 149 }
 150
 151 .mw-debug-backtrace {
 152         padding: 5px 10px;
 153         margin: 5px;
 154         background-color: #dedede;
 155
 156         span {
 157                 font-weight: bold;
 158                 color: #111;
 159         }
 160
 161         ul {
 162                 padding-left: 10px;
 163         }
 164
 165         li {
 166                 width: auto;
 167                 padding: 0;
 168                 color: #333;
 169                 font-size: 10px;
 170                 margin-bottom: 0;
 171                 line-height: 1em;
 172         }
 173 }
 174
 175 .mw-debug-console-log {
 176         background-color: #add8e6;
 177 }
 178
 179 .mw-debug-console-warn {
 180         background-color: #ffa07a;
 181 }
 182
 183 .mw-debug-console-deprecated {
 184         background-color: #ffb6c1;
 185 }
 186
 187 /* Cheapo hack to hide the first 3 lines of the backtrace */
 188 .mw-debug-backtrace li:nth-child( -n+3 ) {
 189         display: none;
 190 }