| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2011 Google Inc. All rights reserved. | 2 * Copyright (C) 2011 Google Inc. All rights reserved. |
| 3 * | 3 * |
| 4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions | 5 * modification, are permitted provided that the following conditions |
| 6 * are met: | 6 * are met: |
| 7 * 1. Redistributions of source code must retain the above copyright | 7 * 1. Redistributions of source code must retain the above copyright |
| 8 * notice, this list of conditions and the following disclaimer. | 8 * notice, this list of conditions and the following disclaimer. |
| 9 * 2. Redistributions in binary form must reproduce the above copyright | 9 * 2. Redistributions in binary form must reproduce the above copyright |
| 10 * notice, this list of conditions and the following disclaimer in the | 10 * notice, this list of conditions and the following disclaimer in the |
| (...skipping 115 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 126 } | 126 } |
| 127 | 127 |
| 128 #results { | 128 #results { |
| 129 /* FIXME: We really should use flexbox so we don't have to do this. But that
requires restructuring the DOM a bit. */ | 129 /* FIXME: We really should use flexbox so we don't have to do this. But that
requires restructuring the DOM a bit. */ |
| 130 height: -webkit-calc(100% - 39px); | 130 height: -webkit-calc(100% - 39px); |
| 131 box-sizing: border-box; | 131 box-sizing: border-box; |
| 132 /* Position relative so that nested percentages size to this element. */ | 132 /* Position relative so that nested percentages size to this element. */ |
| 133 position: relative; | 133 position: relative; |
| 134 } | 134 } |
| 135 | 135 |
| 136 /*** status console ***/ | |
| 137 body.status-resizing { | |
| 138 cursor: ns-resize; | |
| 139 -webkit-user-select: none; | |
| 140 } | |
| 141 | |
| 142 .status { | |
| 143 position: fixed; | |
| 144 bottom: 0; | |
| 145 left: 0; | |
| 146 right: 0; | |
| 147 height: 100px; | |
| 148 background-color: white; | |
| 149 border-top: 1px solid gray; | |
| 150 -webkit-box-shadow: 0px -2px 10px gray; | |
| 151 overflow: visible; | |
| 152 } | |
| 153 | |
| 154 .status > .dragger { | |
| 155 position: absolute; | |
| 156 top: -6px; | |
| 157 height: 6px; | |
| 158 left: 0; | |
| 159 right: 0; | |
| 160 background: transparent; | |
| 161 cursor: ns-resize; | |
| 162 } | |
| 163 | |
| 164 .status > .contents { | |
| 165 position: absolute; | |
| 166 top: 0; | |
| 167 bottom: 0; | |
| 168 left: 0; | |
| 169 right: 0; | |
| 170 overflow: auto; | |
| 171 white-space: nowrap; | |
| 172 padding: 4px; | |
| 173 } | |
| 174 | |
| 175 .status .actions, .status .process-text { | |
| 176 position: fixed; | |
| 177 bottom: 0; | |
| 178 right: 20px; | |
| 179 margin: 4px; | |
| 180 } | |
| 181 | |
| 182 .processing .actions { | |
| 183 display: none; | |
| 184 } | |
| 185 | |
| 186 .processing .process-text { | |
| 187 display: block; | |
| 188 } | |
| 189 | |
| 190 .process-text { | |
| 191 display: none; | |
| 192 } | |
| 193 | |
| 194 .status-content { | |
| 195 border-bottom: 1px dashed; | |
| 196 margin-bottom: 1em; | |
| 197 } | |
| 198 | |
| 199 .status-content:last-child { | |
| 200 border-bottom: 0; | |
| 201 margin-bottom: 0; | |
| 202 } | |
| 203 | |
| 204 .flakiness-iframe, .flakiness-iframe-placeholder { | 136 .flakiness-iframe, .flakiness-iframe-placeholder { |
| 205 border: none; | 137 border: none; |
| 206 height: 0; | 138 height: 0; |
| 207 width: 100%; | 139 width: 100%; |
| 208 } | 140 } |
| OLD | NEW |