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

Unified Diff: ui/login/account_picker/user_pod_row.css

Issue 2130143002: Fixed regression bug regarding pod on public session. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@lkgr
Patch Set: Created 4 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | ui/login/account_picker/user_pod_row.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: ui/login/account_picker/user_pod_row.css
diff --git a/ui/login/account_picker/user_pod_row.css b/ui/login/account_picker/user_pod_row.css
index fd9b1ffc8d2a5ade42ccb31f701cdceefaf23282..b467d833484a2066ee6d2b59f93e3d445e89199c 100644
--- a/ui/login/account_picker/user_pod_row.css
+++ b/ui/login/account_picker/user_pod_row.css
@@ -84,6 +84,24 @@ podrow[ncolumns='6'] .pod {
.user-image-pane {
background-color: white;
+ height: 160px;
+ left: 10px;
+ position: absolute;
+ top: 10px;
+ transition: height 180ms ease-in-out,
+ left 180ms ease-in-out,
+ right 180ms ease-in-out,
+ top 180ms ease-in-out,
+ width 180ms ease-in-out;
+ width: 160px;
+ z-index: 3;
+}
+
+.user-image-pane.pin-enabled {
+ height: 230px;
+ left: 20px;
+ top: 20px;
+ width: 230px;
}
html[dir=rtl] .user-image-pane {
@@ -91,6 +109,11 @@ html[dir=rtl] .user-image-pane {
right: 10px;
}
+html[dir=rtl] .user-image-pane.pin-enabled {
+ left: auto;
+ right: 20px;
+}
+
.user-image-container {
align-items: center;
display: flex;
@@ -110,7 +133,6 @@ html:not([screen=login-add-user]) .pod .user-image {
max-width: 160px;
opacity: 0.7;
position: absolute;
- top: 10px;
transition: max-height 180ms ease-in-out,
max-width 180ms ease-in-out,
top 180ms ease-in-out;
@@ -119,7 +141,6 @@ html:not([screen=login-add-user]) .pod .user-image {
html:not([screen=login-add-user]) .pod .user-image.pin-enabled {
max-height: 230px;
max-width: 230px;
- top: 20px;
}
html:not([screen=login-add-user]) .pod.focused .user-image {
@@ -139,14 +160,13 @@ html:not([screen=login-add-user]) .pod.focused .user-image {
color: white;
display: block;
font-size: small;
- left: 10px;
position: absolute;
text-align: center;
- top: 10px;
+ top: 0;
transition: left 180ms ease-in-out,
top 180ms ease-in-out,
width 180ms ease-in-out;
- width: 160px;
+ width: 100%;
}
.pod.signed-in .signed-in-indicator.pin-enabled {
« no previous file with comments | « no previous file | ui/login/account_picker/user_pod_row.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698