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

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

Issue 2222583002: Lock screen pin keyboard ui upgrades. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@lkgr
Patch Set: Fix for closure. Created 4 years, 4 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
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 d2b34cf9c42eacbf82aef66b42ad561fe0b60d09..87057fd3a0d879c95acb144f9404ccb2f1ac7951 100644
--- a/ui/login/account_picker/user_pod_row.css
+++ b/ui/login/account_picker/user_pod_row.css
@@ -46,22 +46,18 @@ pin-keyboard {
.pod.flying-pin-pod {
transition: height 180ms ease-in-out,
- left 180ms ease-in-out,
- top 180ms ease-in-out,
- width 180ms ease-in-out;
+ top 180ms ease-in-out;
}
.pod.pin-enabled {
- height: 594px;
- top: -200px !important;
- width: 270px;
+ height: 417px;
+ top: -87px !important;
}
.pod .pin-container {
- height: 344px;
+ height: 204px;
position: absolute;
- top: 250px;
- width: 270px;
+ top: 170px;
}
.pod.faded {
@@ -98,23 +94,11 @@ podrow[ncolumns='6'] .pod {
z-index: 3;
}
-.user-image-pane.pin-enabled {
- height: 230px;
- left: 20px;
- top: 20px;
- width: 230px;
-}
-
html[dir=rtl] .user-image-pane {
left: auto;
right: 10px;
}
-html[dir=rtl] .user-image-pane.pin-enabled {
- left: auto;
- right: 20px;
-}
-
.user-image-container {
align-items: center;
display: flex;
@@ -134,14 +118,6 @@ html:not([screen=login-add-user]) .pod .user-image {
max-width: 160px;
opacity: 0.7;
position: absolute;
- transition: max-height 180ms ease-in-out,
- max-width 180ms ease-in-out,
- top 180ms ease-in-out;
-}
-
-html:not([screen=login-add-user]) .pod .user-image.pin-enabled {
- max-height: 230px;
- max-width: 230px;
}
html:not([screen=login-add-user]) .pod.focused .user-image {
@@ -164,18 +140,9 @@ html:not([screen=login-add-user]) .pod.focused .user-image {
position: absolute;
text-align: center;
top: 0;
- transition: left 180ms ease-in-out,
- top 180ms ease-in-out,
- width 180ms ease-in-out;
width: 100%;
}
-.pod.signed-in .signed-in-indicator.pin-enabled {
- left: 20px;
- top: 20px;
- width: 230px;
-}
-
.main-pane {
left: 10px;
position: absolute;
« no previous file with comments | « chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.js ('k') | ui/login/account_picker/user_pod_row.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698