| OLD | NEW |
| (Empty) |
| 1 /* | |
| 2 * Copyright (C) 2011 Google Inc. All rights reserved. | |
| 3 * | |
| 4 * Redistribution and use in source and binary forms, with or without | |
| 5 * modification, are permitted provided that the following conditions | |
| 6 * are met: | |
| 7 * 1. Redistributions of source code must retain the above copyright | |
| 8 * notice, this list of conditions and the following disclaimer. | |
| 9 * 2. Redistributions in binary form must reproduce the above copyright | |
| 10 * notice, this list of conditions and the following disclaimer in the | |
| 11 * documentation and/or other materials provided with the distribution. | |
| 12 * | |
| 13 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' | |
| 14 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, | |
| 15 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR | |
| 16 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS | |
| 17 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | |
| 18 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | |
| 19 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | |
| 20 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN | |
| 21 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) | |
| 22 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF | |
| 23 * THE POSSIBILITY OF SUCH DAMAGE. | |
| 24 */ | |
| 25 | |
| 26 .non-action-button, .results-view ul.actions, .ui-dialog ul.actions { | |
| 27 float: right; | |
| 28 margin: 0; | |
| 29 padding: 5px 0px; | |
| 30 list-style: none; | |
| 31 display: inline-block; | |
| 32 } | |
| 33 | |
| 34 .non-action-button { | |
| 35 padding: 5px; | |
| 36 } | |
| 37 | |
| 38 .results-view ul.actions.rebaseline-action { | |
| 39 float: none; | |
| 40 position: absolute; | |
| 41 right: 4px; | |
| 42 top: 7px; | |
| 43 padding: 0; | |
| 44 } | |
| 45 | |
| 46 .results-view ul.actions li, .ui-dialog ul.actions li { | |
| 47 display: inline-block; | |
| 48 } | |
| 49 | |
| 50 .results-view h3 ul.actions { | |
| 51 padding: 2px 0px; | |
| 52 } | |
| 53 | |
| 54 .results-view h3 ul.actions { | |
| 55 visibility: hidden; | |
| 56 } | |
| 57 | |
| 58 .results-view h3.ui-state-active ul.actions { | |
| 59 visibility: visible; | |
| 60 } | |
| 61 | |
| 62 .ui-tabs .ui-tabs-panel.results-detail { | |
| 63 padding: 0px; | |
| 64 } | |
| 65 | |
| 66 .results-grid table { | |
| 67 table-layout: fixed; | |
| 68 width: 100%; | |
| 69 border-collapse: collapse; | |
| 70 } | |
| 71 | |
| 72 .results-grid table td, .results-view table th { | |
| 73 overflow: hidden; | |
| 74 vertical-align: top; | |
| 75 } | |
| 76 | |
| 77 .results-grid table th { | |
| 78 padding: 3px; | |
| 79 border-top: 1px solid #DDD; | |
| 80 border-bottom: 1px solid #DDD; | |
| 81 } | |
| 82 | |
| 83 .results-grid .text-result { | |
| 84 border: none; | |
| 85 width: 100%; | |
| 86 height: 400px; /* FIXME: How do we get a reasonable height here? */ | |
| 87 } | |
| 88 | |
| 89 .results-grid .image-result { | |
| 90 width: 100%; | |
| 91 height: auto; | |
| 92 } | |
| 93 | |
| 94 .results-view .top-panel { | |
| 95 max-height: 20%; | |
| 96 overflow: auto; | |
| 97 position: relative; | |
| 98 border: 1px solid #EEE; | |
| 99 } | |
| 100 | |
| 101 .results-view .resize-handle { | |
| 102 height: 5px; | |
| 103 text-align: center; | |
| 104 -webkit-user-select: none; | |
| 105 line-height: 5px; | |
| 106 cursor: ns-resize; | |
| 107 font-size: 5px; | |
| 108 font-weight: bold; | |
| 109 padding: 1px; | |
| 110 } | |
| 111 | |
| 112 .results-view .resize-handle:before { | |
| 113 content: '|||'; | |
| 114 } | |
| 115 | |
| 116 .results-view .link-title, | |
| 117 .results-view .active .non-link-title { | |
| 118 display: none; | |
| 119 } | |
| 120 | |
| 121 .results-view .non-link-title, | |
| 122 .results-view .active .link-title { | |
| 123 display: inline-block; | |
| 124 } | |
| 125 | |
| 126 .results-view h3 { | |
| 127 font-size: 14px; | |
| 128 font-weight: normal; | |
| 129 border-top: 1px solid #DDD; | |
| 130 margin: 0; | |
| 131 cursor: pointer; | |
| 132 } | |
| 133 | |
| 134 .results-view h3:not(.active):hover { | |
| 135 background-color: #EEE; | |
| 136 } | |
| 137 | |
| 138 .results-view .active { | |
| 139 background-color: #CCC; | |
| 140 } | |
| 141 | |
| 142 /* CSS percentages in standards-mode are dumb. You need to have a percentage or
fixed height | |
| 143 all the way up the tree in order to have percentages resolve. */ | |
| 144 html, body, #onebar, .results-view, .test-selector { | |
| 145 height: 100%; | |
| 146 } | |
| 147 | |
| 148 #results, #perf { | |
| 149 /* FIXME: We really should use flexbox so we don't have to do this. But that
requires restructuring the DOM a bit. */; | |
| 150 height: -webkit-calc(100% - 39px); | |
| 151 box-sizing: border-box; | |
| 152 /* Position relative so that nested percentages size to this element. */ | |
| 153 position: relative; | |
| 154 } | |
| 155 | |
| 156 /*** status console ***/ | |
| 157 .status { | |
| 158 position: fixed; | |
| 159 bottom: 0; | |
| 160 left: 0; | |
| 161 right: 0; | |
| 162 height: 100px; | |
| 163 background-color: white; | |
| 164 border-top: 1px solid gray; | |
| 165 -webkit-box-shadow: 0px -2px 10px gray; | |
| 166 overflow: auto; | |
| 167 white-space: nowrap; | |
| 168 padding: 4px; | |
| 169 } | |
| 170 | |
| 171 .status .actions, .status .process-text { | |
| 172 position: fixed; | |
| 173 bottom: 0; | |
| 174 right: 20px; | |
| 175 margin: 4px; | |
| 176 } | |
| 177 | |
| 178 .processing .actions { | |
| 179 display: none; | |
| 180 } | |
| 181 | |
| 182 .processing .process-text { | |
| 183 display: block; | |
| 184 } | |
| 185 | |
| 186 .process-text { | |
| 187 display: none; | |
| 188 } | |
| 189 | |
| 190 .status-content { | |
| 191 border-bottom: 1px dashed; | |
| 192 margin-bottom: 1em; | |
| 193 } | |
| 194 | |
| 195 .status-content:last-child { | |
| 196 border-bottom: 0; | |
| 197 margin-bottom: 0; | |
| 198 } | |
| 199 | |
| 200 .flakiness-iframe, .flakiness-iframe-placeholder { | |
| 201 border: none; | |
| 202 height: 0; | |
| 203 width: 100%; | |
| 204 } | |
| OLD | NEW |