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

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

Issue 2947213003: Signin screen polish in response to UI review (Closed)
Patch Set: changes after meeting with UX Created 3 years, 5 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 .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 {
(...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after
80 80
81 .small-pod-container.images-loading { 81 .small-pod-container.images-loading {
82 visibility: hidden; 82 visibility: hidden;
83 } 83 }
84 84
85 .small-pod-container::-webkit-scrollbar { 85 .small-pod-container::-webkit-scrollbar {
86 width: 0; 86 width: 0;
87 } 87 }
88 88
89 .small-pod-container.scroll::-webkit-scrollbar { 89 .small-pod-container.scroll::-webkit-scrollbar {
90 width: 9px; 90 width: 6px;
91 } 91 }
92 92
93 .small-pod-container.scroll::-webkit-scrollbar-thumb { 93 .small-pod-container.scroll::-webkit-scrollbar-thumb {
94 background-color: rgba(255, 255, 255, .17); 94 background-color: rgba(255, 255, 255, .17);
95 border-radius: 8px; 95 border-radius: 8px;
96 } 96 }
97 97
98 .small-pod-container-mask { 98 .small-pod-container-mask {
99 background: linear-gradient(#000, transparent); 99 background: linear-gradient(#000, transparent);
100 height: 112px; 100 height: 112px;
101 position: absolute; 101 position: absolute;
102 width: 100%; 102 width: 100%;
103 z-index: 2; 103 z-index: 2;
104 } 104 }
105 105
106 .small-pod-container-mask.images-loading { 106 .small-pod-container-mask.images-loading {
107 visibility: hidden; 107 visibility: hidden;
108 } 108 }
109 109
110 .small-pod-container-mask.rotate { 110 .small-pod-container-mask.rotate {
111 transform: rotate(180deg); 111 transform: rotate(180deg);
112 } 112 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/chromeos/login/md_header_bar.html ('k') | ui/login/account_picker/md_user_pod_row.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698