OLD | NEW |
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 /* TODO(dzhioev): support RTL. http://crbug.com/423354 */ | 6 /* TODO(dzhioev): support RTL. http://crbug.com/423354 */ |
7 /* TODO(xdai): Remove the hard-coded font-family for 'Roboto'. */ | 7 /* TODO(xdai): Remove the hard-coded font-family for 'Roboto'. */ |
8 | 8 |
9 :host { | 9 :host { |
10 -webkit-user-select: none; | 10 -webkit-user-select: none; |
11 background: white; | 11 background: white; |
12 display: block; | 12 display: block; |
13 font-family: 'Roboto'; | 13 font-family: 'Roboto'; |
14 height: 600px; | 14 height: 600px; |
15 position: relative; | 15 position: relative; |
16 width: 720px; | 16 width: 720px; |
17 } | 17 } |
18 | 18 |
19 .gaia-frame { | |
20 height: 300px; | |
21 width: 339px; | |
22 } | |
23 | |
24 controller-pairing-page[name='device-select']::shadow #top, | 19 controller-pairing-page[name='device-select']::shadow #top, |
25 controller-pairing-page[name='establishing-connection']::shadow #top { | 20 controller-pairing-page[name='establishing-connection']::shadow #top { |
26 height: 200px; | 21 height: 200px; |
27 } | 22 } |
28 | 23 |
29 controller-pairing-page[name='code-confirmation']::shadow #top, | 24 controller-pairing-page[name='code-confirmation']::shadow #top, |
30 controller-pairing-page[name='host-update']::shadow #top, | 25 controller-pairing-page[name='host-update']::shadow #top, |
31 controller-pairing-page[name='host-connection-lost']::shadow #top, | 26 controller-pairing-page[name='host-connection-lost']::shadow #top, |
32 controller-pairing-page[name='enrollment-introduction']::shadow #top { | 27 controller-pairing-page[name='enrollment-introduction']::shadow #top { |
33 height: 300px; | 28 height: 300px; |
34 } | 29 } |
35 | 30 |
36 controller-pairing-page[name='authentication']::shadow #top { | 31 controller-pairing-page[name='authentication']::shadow #top { |
37 height: 100px; | 32 height: 100px; |
38 } | 33 } |
39 | 34 |
40 indeterminate-progress { | 35 paper-progress { |
| 36 --paper-progress-active-color: var(--google-green-500); |
| 37 --paper-progress-container-color: var(--google-green-100); |
41 margin-bottom: 28px; | 38 margin-bottom: 28px; |
42 margin-top: 28px; | 39 margin-top: 28px; |
| 40 width: 100%; |
43 } | 41 } |
44 | 42 |
45 #code { | 43 #code { |
46 color: #757575; | 44 color: #757575; |
47 font-size: 55px; | 45 font-size: 55px; |
48 font-weight: 300; | 46 font-weight: 300; |
49 } | 47 } |
50 | 48 |
51 pairing-device-list { | 49 pairing-device-list { |
52 height: 252px; | 50 height: 252px; |
53 } | 51 } |
OLD | NEW |