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

Side by Side Diff: chrome/browser/resources/chromeos/login/user_pod_row.css

Issue 8586053: Shift signed-in-indicator with user-image on pod focus in WebUI lock screen. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 9 years, 1 month 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 | Annotate | Revision Log
« 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 (c) 2011 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2011 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 * This is the stylesheet used by user pods row of account picker UI. 5 * This is the stylesheet used by user pods row of account picker UI.
6 */ 6 */
7 7
8 podrow { 8 podrow {
9 -webkit-box-align: center; 9 -webkit-box-align: center;
10 -webkit-box-pack: center; 10 -webkit-box-pack: center;
(...skipping 196 matching lines...) Expand 10 before | Expand all | Expand 10 after
207 background-image: none; 207 background-image: none;
208 border-radius: 4px; 208 border-radius: 4px;
209 color: white; 209 color: white;
210 font-size: 10px; 210 font-size: 10px;
211 height: initial; 211 height: initial;
212 padding: 2px 4px; 212 padding: 2px 4px;
213 width: initial; 213 width: initial;
214 } 214 }
215 215
216 .signed-in-indicator { 216 .signed-in-indicator {
217 -webkit-transition: all .14s ease;
217 background: rgba(0, 0, 0, 0.5); 218 background: rgba(0, 0, 0, 0.5);
218 color: white; 219 color: white;
219 font-size: small; 220 font-size: small;
220 margin: 5px; 221 margin: 5px;
221 position: absolute; 222 position: absolute;
222 padding-bottom: 3px; 223 padding-bottom: 3px;
223 padding-top: 3px; 224 padding-top: 3px;
224 text-align: center; 225 text-align: center;
225 /* Width of .user-image. */ 226 /* Width of .user-image. */
226 width: 160px; 227 width: 160px;
227 z-index: 1; 228 z-index: 1;
228 } 229 }
230
231 .pod.focused .signed-in-indicator {
232 /* Track shifting of .user-image on pod focus. */
233 -webkit-transform: translateY(-1px);
234 }
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