| 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 {
|
|
|