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 .non-action-button, .results-view ul.actions, .ui-dialog ul.actions { | |
26 float: right; | |
27 margin: 0; | |
28 padding: 5px 0px; | |
29 list-style: none; | |
30 display: inline-block; | |
31 } | |
32 | |
33 .non-action-button { | |
34 padding: 5px; | |
35 } | |
36 | |
37 .results-view ul.actions li, .ui-dialog ul.actions li { | |
38 display: inline-block; | |
39 } | |
40 | |
41 .results-view h3 ul.actions { | |
42 padding: 2px 0px; | |
43 } | |
44 | |
45 .results-view h3 ul.actions { | |
46 visibility: hidden; | |
47 } | |
48 | |
49 .results-view h3.ui-state-active ul.actions { | |
50 visibility: visible; | |
51 } | |
52 | |
53 .ui-tabs .ui-tabs-panel.results-detail { | |
54 padding: 0px; | |
55 } | |
56 | |
57 .results-grid table { | |
58 table-layout: fixed; | |
59 width: 100%; | |
60 border-collapse: collapse; | |
61 } | |
62 | |
63 .results-grid table td, .results-view table th { | |
64 overflow: hidden; | |
65 vertical-align: top; | |
66 } | |
67 | |
68 .results-grid table th { | |
69 padding: 3px; | |
70 border-top: 1px solid #DDD; | |
71 border-bottom: 1px solid #DDD; | |
72 } | |
73 | |
74 .results-view .top-panel { | |
75 max-height: 20%; | |
76 overflow: auto; | |
77 position: relative; | |
78 border: 1px solid #EEE; | |
79 } | |
80 | |
81 .results-view .resize-handle { | |
82 height: 5px; | |
83 text-align: center; | |
84 -webkit-user-select: none; | |
85 line-height: 5px; | |
86 cursor: ns-resize; | |
87 font-size: 5px; | |
88 font-weight: bold; | |
89 padding: 1px; | |
90 } | |
91 | |
92 .results-view .resize-handle:before { | |
93 content: '|||'; | |
94 } | |
95 | |
96 .results-view .link-title, | |
97 .results-view .active .non-link-title { | |
98 display: none; | |
99 } | |
100 | |
101 .results-view .non-link-title, | |
102 .results-view .active .link-title { | |
103 display: inline-block; | |
104 } | |
105 | |
106 .results-view h3 { | |
107 font-size: 14px; | |
108 font-weight: normal; | |
109 border-top: 1px solid #DDD; | |
110 margin: 0; | |
111 cursor: pointer; | |
112 } | |
113 | |
114 .results-view h3:not(.active):hover { | |
115 background-color: #EEE; | |
116 } | |
117 | |
118 .results-view .active { | |
119 background-color: #CCC; | |
120 } | |
121 | |
122 /* CSS percentages in standards-mode are dumb. You need to have a percentage or
fixed height | |
123 all the way up the tree in order to have percentages resolve. */ | |
124 html, body, #onebar, .results-view, .test-selector { | |
125 height: 100%; | |
126 } | |
127 | |
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. */ | |
130 height: -webkit-calc(100% - 39px); | |
131 box-sizing: border-box; | |
132 /* Position relative so that nested percentages size to this element. */ | |
133 position: relative; | |
134 } | |
135 | |
136 .flakiness-iframe, .flakiness-iframe-placeholder { | |
137 border: none; | |
138 height: 0; | |
139 width: 100%; | |
140 } | |
OLD | NEW |