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

Side by Side Diff: ui/login/oobe.css

Issue 2607103003: Update color/thickness of ChromeOS login shelf button focus state. (Closed)
Patch Set: oboe Created 3 years, 11 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 unified diff | Download patch
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright 2014 The Chromium Authors. All rights reserved. 1 /* Copyright 2014 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 * This is the stylesheet used by the Out of the box experience (OOBE) flow, 5 * This is the stylesheet used by the Out of the box experience (OOBE) flow,
6 * sign in and lock screens. 6 * sign in and lock screens.
7 */ 7 */
8 8
9 html, 9 html,
10 body { 10 body {
(...skipping 19 matching lines...) Expand all
30 button { 30 button {
31 font-family: inherit; 31 font-family: inherit;
32 outline: none; 32 outline: none;
33 } 33 }
34 34
35 /* Follow same focus coloring as in widgets.css */ 35 /* Follow same focus coloring as in widgets.css */
36 /* Do not apply this style to restricted button state. */ 36 /* Do not apply this style to restricted button state. */
37 button.custom-appearance:not(.button-restricted):not(.button-fancy):not( 37 button.custom-appearance:not(.button-restricted):not(.button-fancy):not(
38 [is="gaia-icon-button"]) { 38 [is="gaia-icon-button"]) {
39 -webkit-transition: border-color 200ms; 39 -webkit-transition: border-color 200ms;
40 border: 1px solid transparent; 40 border: 2px solid transparent;
41 /* Don't grey out disabled buttons. */ 41 /* Don't grey out disabled buttons. */
42 color: buttontext !important; 42 color: buttontext !important;
43 } 43 }
44 44
45 /* ':focus' used three times to increase specificity. */ 45 /* ':focus' used three times to increase specificity. */
46 button.custom-appearance:focus:focus:focus { 46 button.custom-appearance:focus:focus:focus {
47 border-color: rgb(77, 144, 254); 47 border-color: rgba(66, 133, 244, 0.6); /* #4285f4 */
48 } 48 }
49 49
50 button:not(.custom-appearance) { 50 button:not(.custom-appearance) {
51 min-width: 72px !important; 51 min-width: 72px !important;
52 } 52 }
53 53
54 button.button-fancy { 54 button.button-fancy {
55 min-width: 72px !important; 55 min-width: 72px !important;
56 } 56 }
57 57
(...skipping 107 matching lines...) Expand 10 before | Expand all | Expand 10 after
165 } 165 }
166 166
167 .background-initial { 167 .background-initial {
168 opacity: 0; 168 opacity: 0;
169 } 169 }
170 170
171 .throbber { 171 .throbber {
172 -webkit-margin-end: 0.5em; 172 -webkit-margin-end: 0.5em;
173 margin-top: 1px; 173 margin-top: 1px;
174 } 174 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698