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 454dc817d7ce97bb14825f0c803ada33982bd038..17f96f15389f61fdfff419894bab0c93560aa47b 100644 |
--- a/ui/login/account_picker/user_pod_row.css |
+++ b/ui/login/account_picker/user_pod_row.css |
@@ -164,6 +164,38 @@ html[dir=rtl] .main-pane { |
width: 160px; |
} |
+.auth-container.pin-disabled { |
+ opacity: 1; |
+ transition: opacity 200ms ease-in-out 180ms; |
+ visibility: visible; |
+} |
+ |
+.auth-container.pin-enabled { |
+ opacity: 0; |
+ transition: none; |
+ visibility: hidden; |
+} |
+ |
+.auth-container .submit-button[disabled] { |
+ color: #000; |
+ opacity: 0.26; |
+} |
+ |
+.auth-container .submit-button { |
+ box-sizing: border-box; |
+ color: var(--google-blue-500); |
+ height: 43px; |
+ min-height: 43px; |
+ min-width: 43px; |
+ padding: 11.5px 10px; |
+ position: relative; |
+ width: 43px; |
+} |
+ |
+.auth-container .submit-button.error-shown { |
+ color: #CD2A00; |
+} |
+ |
.name-container { |
transition: transform 180ms, |
opacity 180ms ease-in-out 180ms, |
@@ -209,8 +241,13 @@ html[dir=rtl] .main-pane { |
flex: auto; |
} |
+.capslock-on .password-container { |
+ width: 107px; |
+} |
+ |
.password-container { |
flex: auto; |
+ width: 127px; |
} |
.pod input[type='password'] { |
@@ -229,13 +266,17 @@ html[dir=rtl] .main-pane { |
.capslock-on .capslock-hint-container { |
display: block; |
flex: none; |
+ height: 43px; |
+ position: relative; |
+ width: 20px; |
} |
.capslock-hint { |
-webkit-margin-end: 6px; |
-webkit-margin-start: -2px; |
+ margin: auto; |
position: relative; |
- top: 11px; |
+ top: 15px; |
} |
.password-label, |