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

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

Issue 10200015: [cros] Button focus polishing on the login screen. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Merge Created 8 years, 8 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
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/header_bar.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/browser/resources/chromeos/login/header_bar.css
diff --git a/chrome/browser/resources/chromeos/login/header_bar.css b/chrome/browser/resources/chromeos/login/header_bar.css
index 95e19b7e250c9f9420f3b323aeb36cb33803ee23..e92ae28b27d34a02f6c7e707c35f6f5592e70d96 100644
--- a/chrome/browser/resources/chromeos/login/header_bar.css
+++ b/chrome/browser/resources/chromeos/login/header_bar.css
@@ -4,6 +4,7 @@
*/
#login-header-bar {
+ -webkit-padding-after: 7px;
bottom: 0;
left: 0;
position: absolute;
@@ -15,49 +16,49 @@
#login-header-bar button:hover {
-webkit-box-shadow: none;
background: transparent none;
- border: 0;
cursor: pointer;
height: 34px;
margin: 0;
min-width: 0;
opacity: 0.6;
- padding: 5px 0;
+ padding: 5px 8px;
vertical-align: middle;
}
.header-bar-item {
-webkit-padding-start: 15px;
background-image: url('chrome://theme/IDR_DIVIDER_VERT');
- background-position: left center;
+ background-position: -2px center;
background-repeat: no-repeat;
display: inline-block;
height: 34px;
}
-#shutdown-header-bar-item {
- -webkit-padding-after: 7px;
- -webkit-padding-start: 9px;
- cursor: pointer;
- display: inline-block;
- height: 34px;
+html[dir=rtl] .header-bar-item {
+ background-position: right center;
}
-#login-header-bar #shutdown-button {
- -webkit-padding-start: 24px;
- background-image: url('chrome://theme/IDR_ICON_POWER24');
- background-position: left center;
- background-repeat: no-repeat;
+.header-bar-item:first-child {
+ -webkit-padding-start: 9px;
+ background: none;
}
+#login-header-bar #shutdown-button,
#login-header-bar #add-user-button {
-webkit-padding-start: 24px;
- background-image: url('chrome://theme/IDR_ICON_ADD_USER24');
background-position: left center;
background-repeat: no-repeat;
}
-html[dir=rtl] .header-bar-item,
html[dir=rtl] #login-header-bar #shutdown-button,
html[dir=rtl] #login-header-bar #add-user-button {
background-position: right center;
}
+
+#login-header-bar #shutdown-button {
+ background-image: url('chrome://theme/IDR_ICON_POWER24');
+}
+
+#login-header-bar #add-user-button {
+ background-image: url('chrome://theme/IDR_ICON_ADD_USER24');
+}
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/header_bar.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698