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

Unified Diff: chrome/browser/resources/chromeos/login/oobe_welcome_secondary_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
« no previous file with comments | « chrome/browser/resources/chromeos/login/oobe_welcome_dialog.css ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/browser/resources/chromeos/login/oobe_welcome_secondary_button.css
diff --git a/chrome/browser/resources/chromeos/login/oobe_welcome_secondary_button.css b/chrome/browser/resources/chromeos/login/oobe_welcome_secondary_button.css
index 19b9339599909af17aa779a71fe77a7a4829110a..d825a6176ab1a18c300ca0573be23ed692b19e77 100644
--- a/chrome/browser/resources/chromeos/login/oobe_welcome_secondary_button.css
+++ b/chrome/browser/resources/chromeos/login/oobe_welcome_secondary_button.css
@@ -2,19 +2,40 @@
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file. */
:host {
- border-color: rgba(0, 0, 0, 0.2);
- border-radius: 2px;
- border-style: solid;
- border-width: 1px;
color: #5a5a5a;
- height: 28px;
+ height: 32px; /* = 28 + 2 * 2px keyboad-focus border */
max-width: 300px;
min-width: 120px;
}
-#container {
+#button {
+ --paper-button-flat-keyboard-focus: {
+ border-color: rgba(66, 133, 244, 0.4); /* #4284f4 */
+ border-radius: 2px;
+ border-style: solid;
+ border-width: 2px;
+ };
height: 100%;
margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+#button:not([focused]) {
+ border-color: transparent;
+ border-radius: 2px;
+ border-style: solid;
+ border-width: 2px;
+}
+
+#container {
+ border-color: rgba(0, 0, 0, 0.2);
+ border-radius: 2px;
+ border-style: solid;
+ border-width: 1px;
+}
+
+#subcontainer {
padding: 0 16px 0 16px;
}
« no previous file with comments | « chrome/browser/resources/chromeos/login/oobe_welcome_dialog.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698