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

Side by Side Diff: chrome/browser/resources/chromeos/login/header_bar.css

Issue 2529433004: Update signout icon and more_settings icon on the md shelf (Closed)
Patch Set: rebase Created 4 years 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 unified diff | Download patch
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 #login-header-bar { 5 #login-header-bar {
6 -webkit-padding-start: 15px; 6 -webkit-padding-start: 15px;
7 bottom: 0; 7 bottom: 0;
8 left: 0; 8 left: 0;
9 padding-bottom: 6px; 9 padding-bottom: 6px;
10 position: absolute; 10 position: absolute;
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after
86 86
87 html[dir=rtl] .header-bar-item { 87 html[dir=rtl] .header-bar-item {
88 background-position: right center; 88 background-position: right center;
89 } 89 }
90 90
91 #login-header-bar #shutdown-button-text, 91 #login-header-bar #shutdown-button-text,
92 #login-header-bar #restart-button-text, 92 #login-header-bar #restart-button-text,
93 #login-header-bar #add-user-button-text, 93 #login-header-bar #add-user-button-text,
94 #login-header-bar #guest-user-button-text, 94 #login-header-bar #guest-user-button-text,
95 #login-header-bar #more-settings-button-text, 95 #login-header-bar #more-settings-button-text,
96 #login-header-bar #cancel-multiple-sign-in-button-text { 96 #login-header-bar #cancel-multiple-sign-in-button-text,
97 #login-header-bar #sign-out-user-button-text {
97 -webkit-padding-start: 28px; 98 -webkit-padding-start: 28px;
98 background-position: left center; 99 background-position: left center;
99 background-repeat: no-repeat; 100 background-repeat: no-repeat;
100 background-size: 20px; 101 background-size: 20px;
101 } 102 }
102 103
103 html[dir=rtl] #login-header-bar #shutdown-button-text, 104 html[dir=rtl] #login-header-bar #shutdown-button-text,
104 html[dir=rtl] #login-header-bar #restart-button-text, 105 html[dir=rtl] #login-header-bar #restart-button-text,
105 html[dir=rtl] #login-header-bar #add-user-button-text, 106 html[dir=rtl] #login-header-bar #add-user-button-text,
106 html[dir=rtl] #login-header-bar #more-settings-button-text, 107 html[dir=rtl] #login-header-bar #more-settings-button-text,
107 html[dir=rtl] #login-header-bar #guest-user-button-text, 108 html[dir=rtl] #login-header-bar #guest-user-button-text,
108 html[dir=rtl] #login-header-bar #cancel-multiple-sign-in-button-text { 109 html[dir=rtl] #login-header-bar #cancel-multiple-sign-in-button-text,
110 html[dir=rtl] #login-header-bar #sign-out-user-button-text {
109 background-position: right center; 111 background-position: right center;
110 } 112 }
111 113
112 #login-header-bar #shutdown-button, 114 #login-header-bar #shutdown-button,
113 #login-header-bar #restart-button, 115 #login-header-bar #restart-button,
114 #login-header-bar #add-user-button, 116 #login-header-bar #add-user-button,
115 #login-header-bar #guest-user-button, 117 #login-header-bar #guest-user-button,
116 #login-header-bar #more-settings-button, 118 #login-header-bar #more-settings-button,
117 #login-header-bar #cancel-multiple-sign-in-button { 119 #login-header-bar #cancel-multiple-sign-in-button {
118 padding: 0 14px; 120 padding: 0 14px;
(...skipping 10 matching lines...) Expand all
129 url(images/2x/shutdown.svg) 2x ); 131 url(images/2x/shutdown.svg) 2x );
130 } 132 }
131 133
132 #login-header-bar #add-user-button-text { 134 #login-header-bar #add-user-button-text {
133 background-image: -webkit-image-set( 135 background-image: -webkit-image-set(
134 url(images/1x/add-person.svg) 1x, 136 url(images/1x/add-person.svg) 1x,
135 url(images/2x/add-person.svg) 2x ); 137 url(images/2x/add-person.svg) 2x );
136 } 138 }
137 139
138 #login-header-bar #more-settings-button-text { 140 #login-header-bar #more-settings-button-text {
139 background-image: url(chrome://theme/IDR_ICON_MORE_VERT_WHITE); 141 background-image: -webkit-image-set(
142 url(images/1x/more-settings.svg) 1x,
143 url(images/2x/more-settings.svg) 2x );
140 } 144 }
141 145
142 #login-header-bar #guest-user-button-text { 146 #login-header-bar #guest-user-button-text {
143 background-image: -webkit-image-set( 147 background-image: -webkit-image-set(
144 url(images/1x/browse-as-guest.svg) 1x, 148 url(images/1x/browse-as-guest.svg) 1x,
145 url(images/2x/browse-as-guest.svg) 2x ); 149 url(images/2x/browse-as-guest.svg) 2x );
146 } 150 }
147 151
148 #login-header-bar #cancel-multiple-sign-in-button-text { 152 #login-header-bar #cancel-multiple-sign-in-button-text {
149 /* TODO(dzhioev): replace with appropriate image when possible. */ 153 /* TODO(dzhioev): replace with appropriate image when possible. */
150 background-image: url(chrome://theme/IDR_PANEL_CLOSE); 154 background-image: url(chrome://theme/IDR_PANEL_CLOSE);
151 } 155 }
152 156
157 #login-header-bar #sign-out-user-button-text {
158 background-image: -webkit-image-set(
159 url(images/1x/signout.svg) 1x,
160 url(images/2x/signout.svg) 2x );
161 }
162
153 .button-restricted { 163 .button-restricted {
154 border: 1px solid transparent; 164 border: 1px solid transparent;
155 color: white !important; 165 color: white !important;
156 opacity: 0.4 !important; 166 opacity: 0.4 !important;
157 } 167 }
OLDNEW
« no previous file with comments | « chrome/app/theme/theme_resources.grd ('k') | chrome/browser/resources/chromeos/login/header_bar.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698