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 |