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

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

Issue 2157993003: Fixed regression bug regarding pod on public session. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@2785
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 ef614145d14d85ce8811beb9c0dbd3ec403c8db0..d9121348bad5d5f788994c6a0f1fa1bf8cfe2983 100644
--- a/ui/login/account_picker/user_pod_row.css
+++ b/ui/login/account_picker/user_pod_row.css
@@ -86,6 +86,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 {
@@ -93,6 +111,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;
@@ -112,7 +135,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;
}
@@ -139,12 +161,11 @@ 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: 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