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

Side by Side Diff: ui/login/md_screen_container.css

Issue 2936173002: Fix misplacement of signin overlay and critical update message banner (Closed)
Patch Set: Add inline comments and rebase with master, no other changes Created 3 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
« no previous file with comments | « ui/login/account_picker/md_user_pod_template.html ('k') | 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 #outer-container { 6 #outer-container {
7 -webkit-box-align: center; 7 -webkit-box-align: center;
8 -webkit-box-pack: center; 8 -webkit-box-pack: center;
9 bottom: 57px; /* Leave space for the header bar */ 9 bottom: 57px; /* Leave space for the header bar */
10 display: -webkit-box; 10 display: -webkit-box;
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after
74 } 74 }
75 75
76 #oobe[md-mode] #progress-dots { 76 #oobe[md-mode] #progress-dots {
77 display: none; 77 display: none;
78 } 78 }
79 79
80 /* Screens that have a border and background. */ 80 /* Screens that have a border and background. */
81 #oobe.auto-enrollment-check #inner-container, 81 #oobe.auto-enrollment-check #inner-container,
82 #oobe.autolaunch #inner-container, 82 #oobe.autolaunch #inner-container,
83 #oobe.confirm-password #inner-container, 83 #oobe.confirm-password #inner-container,
84 #oobe:not([md-mode]).connect #inner-container,
85 #oobe.debugging #inner-container, 84 #oobe.debugging #inner-container,
86 #oobe.enrollment #inner-container, 85 #oobe.enrollment #inner-container,
87 #oobe:not([md-mode]).eula #inner-container,
88 #oobe.fatal-error #inner-container, 86 #oobe.fatal-error #inner-container,
89 #oobe.gaia-signin #inner-container, 87 #oobe.gaia-signin #inner-container,
90 #oobe.hid-detection #inner-container, 88 #oobe.hid-detection #inner-container,
91 #oobe.kiosk-enable #inner-container, 89 #oobe.kiosk-enable #inner-container,
92 #oobe.oauth-enrollment #inner-container, 90 #oobe.oauth-enrollment #inner-container,
93 #oobe.password-changed #inner-container, 91 #oobe.password-changed #inner-container,
94 #oobe.ad-password-change #inner-container, 92 #oobe.ad-password-change #inner-container,
95 #oobe.reset #inner-container,
96 #oobe.supervised-user-creation #inner-container, 93 #oobe.supervised-user-creation #inner-container,
97 #oobe.supervised-user-creation-dialog #inner-container, 94 #oobe.supervised-user-creation-dialog #inner-container,
98 #oobe.terms-of-service #inner-container, 95 #oobe.terms-of-service #inner-container,
99 #oobe.arc-tos #inner-container, 96 #oobe.arc-tos #inner-container,
100 #oobe.update #inner-container, 97 #oobe.update #inner-container,
101 #oobe.user-image #inner-container, 98 #oobe.user-image #inner-container,
102 #oobe.wrong-hwid #inner-container, 99 #oobe.wrong-hwid #inner-container,
103 #oobe.unrecoverable-cryptohome-error #inner-container { 100 #oobe.unrecoverable-cryptohome-error #inner-container {
104 background: white; 101 background: white;
105 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 102 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3),
(...skipping 11 matching lines...) Expand all
117 114
118 /* Only play this animation when 'down' class is removed. */ 115 /* Only play this animation when 'down' class is removed. */
119 .oobe-display #inner-container:not(.down) { 116 .oobe-display #inner-container:not(.down) {
120 transition: transform 200ms ease-in-out; 117 transition: transform 200ms ease-in-out;
121 } 118 }
122 119
123 .oobe-display #inner-container.down { 120 .oobe-display #inner-container.down {
124 transform: translateY(50px) rotateX(-2.5deg); 121 transform: translateY(50px) rotateX(-2.5deg);
125 } 122 }
126 123
127 #oobe:not([md-mode]) #step-logo {
128 -webkit-margin-start: 17px;
129 display: -webkit-box;
130 position: absolute;
131 top: 15px;
132 }
133
134 #oobe[md-mode] #step-logo { 124 #oobe[md-mode] #step-logo {
135 display: none; 125 display: none;
136 } 126 }
137 127
138 #progress-dots { 128 #progress-dots {
139 -webkit-box-pack: center; 129 -webkit-box-pack: center;
140 display: -webkit-box; 130 display: -webkit-box;
141 margin-top: 15px; 131 margin-top: 15px;
142 transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out; 132 transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
143 } 133 }
(...skipping 101 matching lines...) Expand 10 before | Expand all | Expand 10 after
245 line-height: 31px; 235 line-height: 31px;
246 text-transform: lowercase; 236 text-transform: lowercase;
247 width: 23em; 237 width: 23em;
248 } 238 }
249 239
250 .header-section::before { 240 .header-section::before {
251 /* Divider in header between product name and title, 241 /* Divider in header between product name and title,
252 * like "[Product name] > [step header]". */ 242 * like "[Product name] > [step header]". */
253 content: '\00A0\203A\00A0\00A0'; 243 content: '\00A0\203A\00A0\00A0';
254 } 244 }
OLDNEW
« no previous file with comments | « ui/login/account_picker/md_user_pod_template.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698