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

Side by Side Diff: ui/login/account_picker/screen_account_picker.css

Issue 2849583002: cros: Update migration banner on login (Closed)
Patch Set: font-size -> 14px, no override Created 3 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
« no previous file with comments | « no previous file | no next file » | 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 .account-picker.flying-pods #account-picker { 6 .account-picker.flying-pods #account-picker {
7 transition: width 180ms ease, height 180ms ease; 7 transition: width 180ms ease, height 180ms ease;
8 } 8 }
9 9
10 #bubble { 10 #bubble {
11 z-index: 1; 11 z-index: 1;
12 } 12 }
13 13
14 #signin-banner-container1 { 14 #signin-banner-container1 {
15 bottom: 100%; 15 bottom: 100%;
16 margin-bottom: 10px; 16 margin-bottom: 10px;
17 position: absolute; 17 position: absolute;
18 width: 100%; 18 width: 100%;
19 } 19 }
20 20
21 html[screen=login] #signin-banner-container1 {
22 margin-bottom: 6px;
23 }
24
21 #signin-banner-container2 { 25 #signin-banner-container2 {
22 display: inline-block; 26 display: inline-block;
23 position: relative; 27 position: relative;
24 right: -50%; 28 right: -50%;
25 } 29 }
26 30
27 html[dir=rtl] #signin-banner-container2 { 31 html[dir=rtl] #signin-banner-container2 {
28 left: -50%; 32 left: -50%;
29 right: auto; 33 right: auto;
30 } 34 }
31 35
32 #signin-banner { 36 #signin-banner {
33 background-color: rgba(0, 0, 0, 0.75); 37 background-color: rgba(0, 0, 0, 0.75);
34 border-radius: 4px; 38 border-radius: 4px;
35 color: whitesmoke; 39 color: whitesmoke;
36 display: none; 40 display: none;
37 font-size: 15px;
38 left: -50%; 41 left: -50%;
42 max-width: 722px;
39 padding: 20px; 43 padding: 20px;
40 position: relative; 44 position: relative;
41 text-align: center; 45 text-align: center;
42 width: 722px; 46 width: max-content;
43 } 47 }
44 48
45 html[dir=rtl] #signin-banner { 49 html[dir=rtl] #signin-banner {
46 left: auto; 50 left: auto;
47 right: -50%; 51 right: -50%;
48 } 52 }
49 53
50 html[screen=user-adding] #signin-banner { 54 html[screen=user-adding] #signin-banner {
51 display: inline-block; 55 display: inline-block;
52 } 56 }
53 57
58 html[screen=login] #signin-banner {
59 padding: 20px 24px;
60 }
61
54 html[screen=login] #signin-banner, 62 html[screen=login] #signin-banner,
55 html[screen=lock] #signin-banner { 63 html[screen=lock] #signin-banner {
56 display: inline-block; 64 display: inline-block;
57 opacity: 0; 65 opacity: 0;
58 visibility: hidden; 66 visibility: hidden;
59 } 67 }
60 68
61 html[screen=login] #signin-banner.message-set, 69 html[screen=login] #signin-banner.message-set,
62 html[screen=lock] #signin-banner.message-set { 70 html[screen=lock] #signin-banner.message-set {
63 opacity: 1; 71 opacity: 1;
64 transition: opacity 1s; 72 transition: opacity 1s;
65 visibility: visible; 73 visibility: visible;
66 } 74 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698