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

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

Issue 1549903002: Replace -webkit-transform with transform in Chrome UI (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebase CL Created 4 years, 8 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/user_pod_row.css ('k') | ui/webui/resources/css/bubble.css » ('j') | 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 70 matching lines...) Expand 10 before | Expand all | Expand 10 after
81 #oobe.error-message #inner-container, 81 #oobe.error-message #inner-container,
82 #oobe.tpm-error-message #inner-container { 82 #oobe.tpm-error-message #inner-container {
83 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 83 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3),
84 0 4px 23px 5px rgba(0, 0, 0, 0.2), 84 0 4px 23px 5px rgba(0, 0, 0, 0.2),
85 0 2px 6px rgba(0, 0, 0, 0.15); 85 0 2px 6px rgba(0, 0, 0, 0.15);
86 86
87 } 87 }
88 88
89 /* Only play this animation when 'down' class is removed. */ 89 /* Only play this animation when 'down' class is removed. */
90 .oobe-display #inner-container:not(.down) { 90 .oobe-display #inner-container:not(.down) {
91 -webkit-transition: -webkit-transform 200ms ease-in-out; 91 -webkit-transition: transform 200ms ease-in-out;
92 } 92 }
93 93
94 .oobe-display #inner-container.down { 94 .oobe-display #inner-container.down {
95 -webkit-transform: translateY(50px) rotateX(-2.5deg); 95 transform: translateY(50px) rotateX(-2.5deg);
96 } 96 }
97 97
98 #step-logo { 98 #step-logo {
99 -webkit-margin-start: 17px; 99 -webkit-margin-start: 17px;
100 display: -webkit-box; 100 display: -webkit-box;
101 position: absolute; 101 position: absolute;
102 top: 15px; 102 top: 15px;
103 } 103 }
104 104
105 #progress-dots { 105 #progress-dots {
(...skipping 101 matching lines...) Expand 10 before | Expand all | Expand 10 after
207 line-height: 31px; 207 line-height: 31px;
208 text-transform: lowercase; 208 text-transform: lowercase;
209 width: 23em; 209 width: 23em;
210 } 210 }
211 211
212 .header-section::before { 212 .header-section::before {
213 /* Divider in header between product name and title, 213 /* Divider in header between product name and title,
214 * like "[Product name] > [step header]". */ 214 * like "[Product name] > [step header]". */
215 content: '\00A0\203A\00A0\00A0'; 215 content: '\00A0\203A\00A0\00A0';
216 } 216 }
OLDNEW
« no previous file with comments | « ui/login/account_picker/user_pod_row.css ('k') | ui/webui/resources/css/bubble.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698