| 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 |