OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2013 Google Inc. All rights reserved. | 2 * Copyright (C) 2013 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 are | 5 * modification, are permitted provided that the following conditions are |
6 * met: | 6 * met: |
7 * | 7 * |
8 * * Redistributions of source code must retain the above copyright | 8 * * Redistributions of source code must retain the above copyright |
9 * notice, this list of conditions and the following disclaimer. | 9 * notice, this list of conditions and the following disclaimer. |
10 * * Redistributions in binary form must reproduce the above | 10 * * Redistributions in binary form must reproduce the above |
(...skipping 12 matching lines...) Expand all Loading... |
23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT | 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT |
24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, | 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, |
25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY | 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY |
26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE | 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
29 */ | 29 */ |
30 | 30 |
31 | 31 |
32 .overrides-view .tabbed-pane { | 32 .overrides-view .tabbed-pane { |
33 flex-direction: row; | 33 flex-direction: row !important; |
34 } | 34 } |
35 | 35 |
36 .overrides-view .tabbed-pane-header { | 36 .overrides-view .tabbed-pane-header { |
37 border: none transparent !important; | 37 border: none transparent !important; |
38 width: auto; | 38 width: auto; |
39 flex: 0 0 auto; | 39 flex: 0 0 auto; |
40 } | 40 } |
41 | 41 |
42 .overrides-view .tabbed-pane-content { | 42 .overrides-view .tabbed-pane-content { |
43 padding-top: 10px; | 43 padding-top: 10px; |
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
106 | 106 |
107 .overrides-device-value { | 107 .overrides-device-value { |
108 padding-left: 10px; | 108 padding-left: 10px; |
109 color: gray; | 109 color: gray; |
110 } | 110 } |
111 | 111 |
112 .overrides-device-value-label { | 112 .overrides-device-value-label { |
113 overflow: hidden; | 113 overflow: hidden; |
114 white-space: nowrap; | 114 white-space: nowrap; |
115 text-overflow: ellipsis; | 115 text-overflow: ellipsis; |
116 padding-top: 3px; | 116 margin-top: 10px; |
117 } | 117 } |
118 | 118 |
119 .overrides-viewport { | 119 .overrides-viewport { |
120 width: 100%; | 120 width: 100%; |
121 } | 121 } |
122 | 122 |
123 .overrides-viewport input { | 123 .overrides-viewport input { |
124 text-align: right; | 124 text-align: right; |
125 } | 125 } |
126 | 126 |
127 .overrides-viewport input[type=range] { | 127 .overrides-viewport input[type=range] { |
128 width: 100%; | 128 width: 100%; |
129 } | 129 } |
130 | 130 |
131 button.overrides-swap { | 131 button.overrides-swap { |
132 height: 20px; | 132 height: 20px; |
133 } | 133 } |
134 | 134 |
| 135 .overrides-view label { |
| 136 display: flex; |
| 137 height: auto; |
| 138 } |
| 139 |
135 .overrides-viewport label { | 140 .overrides-viewport label { |
136 display: block; | 141 margin-bottom: 10px; |
137 margin-bottom: 5px; | |
138 } | 142 } |
139 | 143 |
140 .overrides-viewport table { | 144 .overrides-viewport table { |
141 margin-bottom: 5px; | 145 margin-bottom: 5px; |
142 } | 146 } |
143 | 147 |
144 .overrides-viewport > label { | 148 .overrides-viewport > label { |
145 margin-bottom: 8px; | 149 margin-bottom: 8px; |
146 } | 150 } |
147 | 151 |
148 .overrides-viewport .help-footnote { | 152 .overrides-viewport .help-footnote { |
149 border-top: 1px solid #EEEEEE; | 153 border-top: 1px solid #EEEEEE; |
150 margin: 0; | 154 margin: 0; |
151 padding: 12px; | 155 padding: 12px; |
152 } | 156 } |
153 | 157 |
154 .overrides-user-agent input[type=text] { | 158 .overrides-user-agent input[type=text] { |
155 width: 400px; | 159 width: 400px; |
156 max-width: 90%; | 160 max-width: 90%; |
157 } | 161 } |
158 | 162 |
159 .overrides-user-agent select { | 163 .overrides-user-agent select { |
160 margin: 7px 0; | 164 margin: 7px 0; |
161 } | 165 } |
162 | 166 |
163 .overrides-sensors > label { | 167 .overrides-sensors > label { |
164 display: block; | |
165 margin-bottom: 10px; | 168 margin-bottom: 10px; |
166 } | 169 } |
167 | 170 |
| 171 .overrides-device, .overrides-viewport, .overrides-user-agent, .overrides-sensor
s { |
| 172 flex: none !important; |
| 173 } |
| 174 |
168 .overrides-sensors input { | 175 .overrides-sensors input { |
169 text-align: right; | 176 text-align: right; |
170 } | 177 } |
171 | 178 |
172 .overrides-activate-device #tab-device, | 179 .overrides-activate-device #tab-device, |
173 .overrides-activate-viewport #tab-viewport, | 180 .overrides-activate-viewport #tab-viewport, |
174 .overrides-activate-user-agent #tab-user-agent, | 181 .overrides-activate-user-agent #tab-user-agent, |
175 .overrides-activate-sensors #tab-sensors { | 182 .overrides-activate-sensors #tab-sensors { |
176 color: rgb(25, 100, 228); | 183 color: rgb(25, 100, 228); |
177 opacity: 0.8; | 184 opacity: 0.8; |
(...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
223 position: relative; | 230 position: relative; |
224 top: 2px; | 231 top: 2px; |
225 background-position: -202px -107px; | 232 background-position: -202px -107px; |
226 float: left; | 233 float: left; |
227 margin-right: 4px; | 234 margin-right: 4px; |
228 } | 235 } |
229 | 236 |
230 .overrides-view .overrides-footer .warning-icon-small { | 237 .overrides-view .overrides-footer .warning-icon-small { |
231 margin-right: 3px; | 238 margin-right: 3px; |
232 } | 239 } |
OLD | NEW |