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

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

Issue 2027683003: Pin keyboard moved to under the user profile. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@lkgr
Patch Set: Fixed patch set 3 errors. Created 4 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
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 */
11 display: -webkit-box; 11 display: -webkit-box;
12 left: 0; 12 left: 0;
13 min-height: 717px; /* This enables scrolling. Min resolution: 1024x768 */ 13 min-height: 717px; /* This enables scrolling. Min resolution: 1024x768 */
14 position: absolute; 14 position: absolute;
15 right: 0; 15 right: 0;
16 top: 0; 16 top: 0;
17 z-index: 1; 17 z-index: 1;
18 } 18 }
19 19
20 .oobe-display #outer-container { 20 .oobe-display #outer-container {
21 -webkit-perspective: 600px; 21 -webkit-perspective: 600px;
22 } 22 }
23 23
24 #pin-container { 24 #pin-container {
25 opacity: 0; /* Opacity is set to 1 after the pin element is loaded. */ 25 opacity: 0; /* Opacity is set to 1 after the pin element is loaded. */
26 transition: opacity 200ms ease-in-out; 26 visibility: hidden;
27 }
28
29 #pin-container.pin-enabled {
30 opacity: 1;
31 transition: opacity 200ms ease-in-out 500ms,
32 visibility 200ms ease-in-out 500ms;
33 visibility: visible;
34 }
35
36 #pin-container.pin-disabled {
37 transition: none;
38 visibility: hidden;
27 } 39 }
28 40
29 #scroll-container { 41 #scroll-container {
30 bottom: 0; /* Allows content overlap with control bar. */ 42 bottom: 0; /* Allows content overlap with control bar. */
31 left: 0; 43 left: 0;
32 overflow-x: hidden; 44 overflow-x: hidden;
33 overflow-y: auto; 45 overflow-y: auto;
34 position: absolute; 46 position: absolute;
35 right: 0; 47 right: 0;
36 top: 0; 48 top: 0;
37 } 49 }
38 50
39 #scroll-container::-webkit-scrollbar { 51 #scroll-container::-webkit-scrollbar {
40 display: none; 52 display: none;
41 } 53 }
42 54
43 #inner-container { 55 #inner-container {
44 border-radius: 2px; 56 border-radius: 2px;
45 padding: 0;
46 position: relative; 57 position: relative;
47 } 58 }
48 59
49 #inner-container.animation { 60 #inner-container.animation {
50 overflow: hidden; 61 overflow: hidden;
51 } 62 }
52 63
53 #inner-container.disabled { 64 #inner-container.disabled {
54 opacity: 0.4; 65 opacity: 0.4;
55 pointer-events: none; 66 pointer-events: none;
(...skipping 156 matching lines...) Expand 10 before | Expand all | Expand 10 after
212 line-height: 31px; 223 line-height: 31px;
213 text-transform: lowercase; 224 text-transform: lowercase;
214 width: 23em; 225 width: 23em;
215 } 226 }
216 227
217 .header-section::before { 228 .header-section::before {
218 /* Divider in header between product name and title, 229 /* Divider in header between product name and title,
219 * like "[Product name] > [step header]". */ 230 * like "[Product name] > [step header]". */
220 content: '\00A0\203A\00A0\00A0'; 231 content: '\00A0\203A\00A0\00A0';
221 } 232 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698