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

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

Issue 2393523003: ChromeOS: Fix material design OOBE dialog alignment. (Closed)
Patch Set: Created 4 years, 2 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 #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 -webkit-perspective: 1px; /* Workaround, see http://crbug.com/360567 */ 9 -webkit-perspective: 1px; /* Workaround, see http://crbug.com/360567 */
10 bottom: 57px; /* Leave space for the header bar */ 10 bottom: 57px; /* Leave space for the header bar */
(...skipping 102 matching lines...) Expand 10 before | Expand all | Expand 10 after
113 } 113 }
114 114
115 #oobe:not([md-mode]) #step-logo { 115 #oobe:not([md-mode]) #step-logo {
116 -webkit-margin-start: 17px; 116 -webkit-margin-start: 17px;
117 display: -webkit-box; 117 display: -webkit-box;
118 position: absolute; 118 position: absolute;
119 top: 15px; 119 top: 15px;
120 } 120 }
121 121
122 #oobe[md-mode] #step-logo { 122 #oobe[md-mode] #step-logo {
123 visibility: hidden; 123 display: none;
124 } 124 }
125 125
126 #progress-dots { 126 #progress-dots {
127 -webkit-box-pack: center; 127 -webkit-box-pack: center;
128 -webkit-transition: opacity 200ms ease-in-out, 128 -webkit-transition: opacity 200ms ease-in-out,
129 visibility 200ms ease-in-out; 129 visibility 200ms ease-in-out;
130 display: -webkit-box; 130 display: -webkit-box;
131 margin-top: 15px; 131 margin-top: 15px;
132 } 132 }
133 133
(...skipping 98 matching lines...) Expand 10 before | Expand all | Expand 10 after
232 line-height: 31px; 232 line-height: 31px;
233 text-transform: lowercase; 233 text-transform: lowercase;
234 width: 23em; 234 width: 23em;
235 } 235 }
236 236
237 .header-section::before { 237 .header-section::before {
238 /* Divider in header between product name and title, 238 /* Divider in header between product name and title,
239 * like "[Product name] > [step header]". */ 239 * like "[Product name] > [step header]". */
240 content: '\00A0\203A\00A0\00A0'; 240 content: '\00A0\203A\00A0\00A0';
241 } 241 }
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