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

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

Issue 2254623003: Submit button added to user pod. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@lkgr
Patch Set: 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..19a0152b8792f0ba04b271b73f7fc3d445618ce5 100644
--- a/ui/login/account_picker/user_pod_row.css
+++ b/ui/login/account_picker/user_pod_row.css
@@ -216,6 +216,27 @@ html[dir=rtl] .main-pane {
visibility: hidden;
}
+html[dir=rtl] .auth-container .submit-button {
+ left: -10px;
+}
+
+.auth-container .submit-button[disabled] {
+ color: grey;
+}
+
+.auth-container .submit-button {
+ color: blue;
jdufault 2016/08/17 19:04:12 Is this the right color?
sammiequon 2016/08/30 16:39:58 Done.
+ height: 43px;
+ left: 127px;
+ padding: 11.5px 10px;
jdufault 2016/08/17 19:04:12 What is the 11.5px for?
sammiequon 2016/08/30 16:39:58 From the mocks. To place the icon i presume.
+ position: absolute;
jdufault 2016/08/17 19:04:12 Can we position relative to other elements instead
sammiequon 2016/08/30 16:39:58 Done.
+ width: 43px;
+}
+
+.auth-container .submit-button.error-shown {
+ color: red;
jdufault 2016/08/17 19:04:12 Is this the right color?
sammiequon 2016/08/30 16:39:58 Done.
+}
+
.name-container {
transition: transform 180ms,
opacity 180ms ease-in-out 180ms,
@@ -271,7 +292,7 @@ html[dir=rtl] .main-pane {
padding: 4px 6px;
position: relative;
top: 6px;
- width: 100%;
+ width: 103px;
}
.capslock-hint-container {
@@ -281,13 +302,22 @@ html[dir=rtl] .main-pane {
.capslock-on .capslock-hint-container {
display: block;
flex: none;
+ height: 43px;
+ left: 111px;
+ position: absolute;
jdufault 2016/08/17 19:04:12 Can this be positioned relative to other elements?
sammiequon 2016/08/30 16:39:58 Done.
+ width: 20px;
+}
+
+html[dir=rtl] .capslock-on .capslock-hint-container {
+ left: 33px;
}
.capslock-hint {
-webkit-margin-end: 6px;
-webkit-margin-start: -2px;
+ margin: auto;
position: relative;
- top: 11px;
+ top: 15px;
}
.password-label,

Powered by Google App Engine
This is Rietveld 408576698