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

Unified Diff: chrome/browser/resources/chromeos/login/oobe_text_button.css

Issue 2501593002: ChromeOS OOBE: Fix keyboard focusing of OOBE buttons. (Closed)
Patch Set: Rebased. Created 4 years, 1 month 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: chrome/browser/resources/chromeos/login/oobe_text_button.css
diff --git a/chrome/browser/resources/chromeos/login/oobe_text_button.css b/chrome/browser/resources/chromeos/login/oobe_text_button.css
index 3b302415e7e498709f15eec033dd4064d42704cf..4febed4f062ea45096dff8cce210597ffacc6116 100644
--- a/chrome/browser/resources/chromeos/login/oobe_text_button.css
+++ b/chrome/browser/resources/chromeos/login/oobe_text_button.css
@@ -3,17 +3,35 @@
found in the LICENSE file. */
#textButton {
- height: 28px;
+ --paper-button-flat-keyboard-focus: {
+ border-color: rgba(66, 133, 244, 0.4); /* #4284f4 */
+ border-radius: 2px;
+ border-style: solid;
+ border-width: 2px;
+ };
+ height: 32px; /* = 28px + 2 * 2px border */
margin: 0;
+ padding: 0;
+}
+
+#textButton:not([focused]) {
+ border-color: transparent;
+ border-radius: 2px;
+ border-style: solid;
+ border-width: 2px;
+}
+
+#container {
+ border-radius: 2px;
padding: 0 16px;
}
-#textButton:not([inverse]):not([disabled]) {
+#textButton:not([inverse]):not([disabled]) #container {
background-color: white
color: var(--google-blue-500);
}
-#textButton[inverse]:not([disabled]) {
+#textButton[inverse]:not([disabled]) #container {
background-color: var(--google-blue-500);
color: white;
}

Powered by Google App Engine
This is Rietveld 408576698