Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1019)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/emulation/sensors.css

Issue 1923393006: DevTools: fix styles and input validation in sensor pane (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Orientation labels now alpha-beta-gamma Created 4 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 /* 1 /*
2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 4 * found in the LICENSE file.
5 */ 5 */
6 6
7 .sensors-view { 7 .sensors-view {
8 padding: 12px; 8 padding: 12px;
9 display: block; 9 display: block;
10 overflow: auto;
11 } 10 }
12 11
13 .sensors-view label { 12 .sensors-view label {
14 margin-bottom: 10px; 13 margin-bottom: 10px;
15 } 14 }
16 15
17 .sensors-view input { 16 .sensors-view input {
18 text-align: right; 17 text-align: right;
19 width: 80px; 18 width: 80px;
20 } 19 }
(...skipping 12 matching lines...) Expand all
33 color: #444; 32 color: #444;
34 font: inherit; 33 font: inherit;
35 border-width: 1px; 34 border-width: 1px;
36 text-align: left; 35 text-align: left;
37 } 36 }
38 37
39 .sensors-view input { 38 .sensors-view input {
40 min-height: 2em; 39 min-height: 2em;
41 padding: 3px; 40 padding: 3px;
42 width: 100%; 41 width: 100%;
43 max-width: 128px; 42 max-width: 100px;
44 margin: -5px 10px 0px 0px; 43 margin: -5px 10px 0px 0px;
45 text-align: end; 44 text-align: end;
46 } 45 }
47 46
48 .sensors-view input[readonly] { 47 .sensors-view input[readonly] {
49 background-color: rgb(235, 235, 228); 48 background-color: rgb(235, 235, 228);
50 } 49 }
51 50
52 .sensors-view fieldset { 51 .sensors-view fieldset {
53 border: none; 52 border: none;
54 padding: 10px 0px; 53 padding: 10px 0px;
54 margin-left: 0;
55 flex: 0 0 auto; 55 flex: 0 0 auto;
56 } 56 }
57 57
58 .sensors-view fieldset[disabled] { 58 .sensors-view fieldset[disabled] {
59 opacity: 0.5; 59 opacity: 0.5;
60 } 60 }
61 61
62 .sensors-view .field-error-message { 62 .sensors-view .field-error-message {
63 display: none; 63 display: none;
64 } 64 }
(...skipping 113 matching lines...) Expand 10 before | Expand all | Expand 10 after
178 height: 107px; 178 height: 107px;
179 background-color: #7992CB; 179 background-color: #7992CB;
180 transform: rotateY(-90deg) translate3d(0, 0, 10px); 180 transform: rotateY(-90deg) translate3d(0, 0, 10px);
181 } 181 }
182 182
183 .accelerometer-axis-input-container { 183 .accelerometer-axis-input-container {
184 margin-bottom: 10px; 184 margin-bottom: 10px;
185 } 185 }
186 186
187 .accelerometer-axis-input-container input { 187 .accelerometer-axis-input-container input {
188 max-width: 80px; 188 max-width: 100px;
189 } 189 }
190 190
191 .accelerometer-reset-button { 191 .accelerometer-reset-button {
192 min-width: 80px; 192 min-width: 80px;
193 } 193 }
194 194
195 fieldset.device-orientation-override-section { 195 fieldset.device-orientation-override-section {
196 display: flex; 196 display: flex;
197 margin-left: -3px; 197 margin-left: -3px;
198 } 198 }
199 199
200 .touch-label { 200 .touch-label {
201 margin-top: 10px; 201 margin-top: 10px;
202 } 202 }
203 203
204 .touch-label select { 204 .touch-label select {
205 margin-left: 10px; 205 margin-left: 10px;
206 } 206 }
207 207
208 .panel-section-separator { 208 .panel-section-separator {
209 height: 2px; 209 height: 2px;
210 margin-bottom: 12px; 210 margin-bottom: 12px;
211 background: #f1f1f1; 211 background: #f1f1f1;
212 } 212 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698