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

Side by Side Diff: chrome/browser/resources/options/chromeos/bluetooth.css

Issue 2684793004: [Harmony] Harmonize Bluetooth dialogs. (Closed)
Patch Set: Address jamescook@'s comments. Created 3 years, 10 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 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 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 .overlay {
6 padding: 0;
7 }
8
9 .overlay .page {
10 max-width: 480px;
11 width: 100%;
12 }
13
14 .overlay .page h1 {
15 border-bottom: 1px solid #c0c0c0;
16 font-size: 15px;
17 }
18
19 .overlay .page > .close-button {
20 padding: 8px 16px;
21 }
22
23 .overlay .page .button-strip button {
24 background-color: rgb(66, 133, 244);
25 background-image: none;
26 border: none;
27 color: white;
28 font-size: 14px;
29 padding: 8px 20px;
30 text-shadow: none;
31 }
32
5 .bluetooth-device-list { 33 .bluetooth-device-list {
6 margin: 10px 0; 34 margin: 10px 0;
7 padding: 5px 10px; 35 padding: 5px 10px;
8 } 36 }
9 37
10 .bluetooth-device[notconnectable] { 38 .bluetooth-device[notconnectable] {
11 color: gray; 39 color: gray;
12 } 40 }
13 41
14 .bluetooth-device[connected] { 42 .bluetooth-device[connected] {
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after
68 #bluetooth-unpaired-devices-list-empty-placeholder { 96 #bluetooth-unpaired-devices-list-empty-placeholder {
69 height: 192px; 97 height: 192px;
70 } 98 }
71 99
72 /* Fix the dimensions of the message area so that the dialog does not change 100 /* Fix the dimensions of the message area so that the dialog does not change
73 change size during the pairing process as the message changes. Sized 101 change size during the pairing process as the message changes. Sized
74 generously to accomodate the longest of the messages. */ 102 generously to accomodate the longest of the messages. */
75 #bluetooth-pairing-message-area { 103 #bluetooth-pairing-message-area {
76 display: table; 104 display: table;
77 height: 160px; 105 height: 160px;
78 padding: 6px 0 !important; 106 padding: 6px 16px !important;
79 width: 420px; 107 width: 420px;
80 } 108 }
81 109
82 /* Force the message to be vertical centered so that a shorter message does not 110 /* Force the message to be vertical centered so that a shorter message does not
83 look out of place when there is room for a much longer message. */ 111 look out of place when there is room for a much longer message. */
84 #bluetooth-pairing-message-contents { 112 #bluetooth-pairing-message-contents {
85 display: table-cell; 113 display: table-cell;
86 vertical-align: middle; 114 vertical-align: middle;
87 } 115 }
88 116
89 #bluetooth-pairing-instructions, 117 #bluetooth-pairing-instructions {
118 font-size: 13px;
119 text-align: left;
120 }
121
90 #bluetooth-pairing-passkey-display, 122 #bluetooth-pairing-passkey-display,
91 #bluetooth-pairing-passkey-entry, 123 #bluetooth-pairing-passkey-entry,
92 #bluetooth-pairing-pincode-entry, 124 #bluetooth-pairing-pincode-entry,
93 #bluetooth-passkey, 125 #bluetooth-passkey,
94 #bluetooth-pincode { 126 #bluetooth-pincode {
95 text-align: center; 127 text-align: center;
96 } 128 }
97 129
98 #bluetooth-pairing-instructions { 130 #bluetooth-pairing-instructions {
99 margin: 10px; 131 margin: 20px 0;
100 } 132 }
101 133
102 #bluetooth-pairing-passkey-display, 134 #bluetooth-pairing-passkey-display,
103 #bluetooth-pairing-passkey-entry, 135 #bluetooth-pairing-passkey-entry,
104 #bluetooth-pairing-pincode-entry { 136 #bluetooth-pairing-pincode-entry {
105 margin: 40px 0; 137 margin: 40px 0;
106 } 138 }
107 139
108 .bluetooth-keyboard-button { 140 .bluetooth-keyboard-button {
109 -webkit-padding-end: 15px; 141 -webkit-padding-end: 15px;
(...skipping 16 matching lines...) Expand all
126 .bluetooth-keyboard-button:last-child { 158 .bluetooth-keyboard-button:last-child {
127 margin: 0; 159 margin: 0;
128 } 160 }
129 161
130 #bluetooth-enter-key { 162 #bluetooth-enter-key {
131 min-width: 54px; 163 min-width: 54px;
132 } 164 }
133 165
134 .bluetooth-passkey-char { 166 .bluetooth-passkey-char {
135 -webkit-margin-start: 45px; 167 -webkit-margin-start: 45px;
136 color: #999; 168 font-size: 32px;
137 font-size: 20px;
138 font-weight: 600; /* semibold */
139 padding-bottom: 5px; 169 padding-bottom: 5px;
140 } 170 }
141 171
142 .bluetooth-passkey-char:first-child { 172 .bluetooth-passkey-char:first-child {
143 -webkit-margin-start: 0; 173 -webkit-margin-start: 0;
144 } 174 }
145 175
146 .bluetooth-keyboard-button.key-typed { 176 .bluetooth-keyboard-button.key-typed {
147 color: #222; 177 color: #222;
148 } 178 }
149 179
150 .bluetooth-keyboard-button.key-next { 180 .bluetooth-keyboard-button.key-next {
151 background: rgb(77, 144, 254); 181 background: rgb(77, 144, 254);
152 background-image: none; 182 background-image: none;
153 border: 2px solid rgb(77, 144, 254); 183 border: 2px solid rgb(77, 144, 254);
154 box-shadow: none; 184 box-shadow: none;
155 color: #fff; 185 color: #fff;
156 } 186 }
157 187
158 .bluetooth-keyboard-button.key-untyped { 188 .bluetooth-keyboard-button.key-untyped {
159 border: 1px solid #d4d4d4; 189 border: 1px solid #d4d4d4;
160 box-shadow: 0 0 0 1px #888; 190 box-shadow: 0 0 0 1px #888;
161 color: #666; 191 color: #666;
162 } 192 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698