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

Side by Side Diff: chrome/browser/resources/chromeos/login/oobe_screen_hid_detection.css

Issue 308083005: Improving layout and a11y for HID detection OOBE screen. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Rtl Created 6 years, 6 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 | Annotate | Revision Log
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/oobe_screen_hid_detection.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright 2014 The Chromium Authors. All rights reserved. 1 /* Copyright 2014 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. 3 * found in the LICENSE file.
4 */ 4 */
5 5
6 #hid-detection { 6 #hid-detection {
7 min-height: 395px; 7 min-height: 395px;
8 padding: 70px 17px 21px; 8 padding: 70px 17px 21px;
9 width: 622px; 9 width: 622px;
10 } 10 }
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
45 display: inline; 45 display: inline;
46 } 46 }
47 47
48 #hid-detection .label, 48 #hid-detection .label,
49 #hid-keyboard-pincode { 49 #hid-keyboard-pincode {
50 display: none; 50 display: none;
51 } 51 }
52 52
53 #hid-keyboard-tick, 53 #hid-keyboard-tick,
54 #hid-mouse-tick { 54 #hid-mouse-tick {
55 left: -20px; 55 -webkit-margin-start: -28px;
56 bottom: -20px;
56 position: relative; 57 position: relative;
57 visibility: hidden; 58 visibility: hidden;
58 } 59 }
59 60
60 .searching { 61 .searching {
61 opacity: 0.6 62 opacity: 0.6
62 } 63 }
63 64
65 #hid-detection #hid-keyboard-pincode {
66 padding: 10px 0 20px 40px;
67 }
68
64 .searching #hid-keyboard-label-searching, 69 .searching #hid-keyboard-label-searching,
65 .searching #hid-mouse-label-searching, 70 .searching #hid-mouse-label-searching,
66 .connected #hid-keyboard-label-connected, 71 .connected #hid-keyboard-label-connected,
67 .connected #hid-mouse-label-connected, 72 .connected #hid-mouse-label-connected,
68 .paired #hid-keyboard-label-paired, 73 .paired #hid-keyboard-label-paired,
69 .paired #hid-mouse-label-paired, 74 .paired #hid-mouse-label-paired,
70 .pairing #hid-keyboard-label-pairing, 75 .pairing #hid-keyboard-label-pairing,
71 .connected #hid-keyboard-tick, 76 .connected #hid-keyboard-tick,
72 .connected #hid-mouse-tick, 77 .connected #hid-mouse-tick,
73 .paired #hid-keyboard-tick, 78 .paired #hid-keyboard-tick,
74 .paired #hid-mouse-tick { 79 .paired #hid-mouse-tick {
75 display: inline; 80 display: inline;
76 } 81 }
77 82
78 .connected #hid-keyboard-tick, 83 .connected #hid-keyboard-tick,
79 .connected #hid-mouse-tick, 84 .connected #hid-mouse-tick,
80 .paired #hid-keyboard-tick, 85 .paired #hid-keyboard-tick,
81 .paired #hid-mouse-tick { 86 .paired #hid-mouse-tick {
82 visibility: visible; 87 visibility: visible;
83 } 88 }
84 89
85 .pairing #hid-keyboard-pincode { 90 .pairing #hid-keyboard-pincode {
86 display: block; 91 display: block;
87 margin-left: 40px; 92 margin-left: 40px;
88 padding: 15px 0; 93 padding: 15px 0;
89 } 94 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/oobe_screen_hid_detection.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698