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

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

Issue 1109823002: ChromeOS GAIA: Fixed size for close and back buttons on signin and enrollment screens (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 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 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 5
6 #gaia-signin { 6 #gaia-signin {
7 height: 609px; /* Should be the same as #user-image.loading min-heigth. */ 7 height: 609px; /* Should be the same as #user-image.loading min-heigth. */
8 padding: 70px 17px 69px; /* Screen has no controls. */ 8 padding: 70px 17px 69px; /* Screen has no controls. */
9 width: 722px; /* Should be the same as #user-image.loading width. */ 9 width: 722px; /* Should be the same as #user-image.loading width. */
10 } 10 }
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after
62 #signin-right { 62 #signin-right {
63 font-size: 14px; 63 font-size: 14px;
64 } 64 }
65 } 65 }
66 66
67 .new-gaia-flow #signin-right, 67 .new-gaia-flow #signin-right,
68 .no-right-panel #signin-right { 68 .no-right-panel #signin-right {
69 display: none; 69 display: none;
70 } 70 }
71 71
72 #close-button-item { 72 .custom-gaia-button {
73 background: transparent none; 73 background: transparent none;
74 background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON);
75 background-position: center; 74 background-position: center;
76 background-repeat: no-repeat; 75 background-repeat: no-repeat;
77 height: 14px; 76 height: 34px;
78 position: absolute; 77 position: absolute;
79 right: 15px; 78 top: 0;
80 top: 15px; 79 width: 34px;
81 width: 14px;
82 z-index: 1; 80 z-index: 1;
83 } 81 }
84 82
83 #close-button-item {
84 background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON);
85 right: 0;
86 }
87
85 html[dir=rtl] #close-button-item { 88 html[dir=rtl] #close-button-item {
86 left: 15px; 89 left: 0;
87 right: auto; 90 right: auto;
88 } 91 }
89 92
90 .loading #close-button-item, 93 .loading #close-button-item,
91 .new-gaia-flow .full-width #close-button-item { 94 .new-gaia-flow .full-width #close-button-item {
92 background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON_ON_WHITE); 95 background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON_ON_WHITE);
93 } 96 }
94 97
95 .loading.auth-completed #close-button-item { 98 .loading.auth-completed #close-button-item {
96 display: none; 99 display: none;
97 } 100 }
98 101
99 #close-button-item:disabled { 102 #close-button-item:disabled {
100 background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON_MASKED); 103 background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON_MASKED);
101 } 104 }
102 105
103 #close-button-item:hover { 106 #close-button-item:hover {
104 cursor: pointer; 107 cursor: pointer;
105 } 108 }
106 109
107 #back-button-item { 110 #back-button-item {
108 background: transparent none;
109 background-image: url(chrome://theme/IDR_LOGIN_BACK_BUTTTON); 111 background-image: url(chrome://theme/IDR_LOGIN_BACK_BUTTTON);
110 background-position: center; 112 left: 0;
111 background-repeat: no-repeat;
112 height: 18px;
113 left: 14px;
114 position: absolute;
115 top: 14px;
116 width: 18px;
117 z-index: 1;
118 } 113 }
119 114
120 html[dir=rtl] #back-button-item { 115 html[dir=rtl] #back-button-item {
121 -webkit-transform: scaleX(-1); 116 -webkit-transform: scaleX(-1);
122 left: auto; 117 left: auto;
123 right: 14px; 118 right: 0;
124 } 119 }
125 120
126 .new-gaia-flow .full-width #back-button-item { 121 .new-gaia-flow .full-width #back-button-item {
127 display: none; 122 display: none;
128 } 123 }
129 124
130 #back-button-item:disabled { 125 #back-button-item:disabled {
131 background-image: url(chrome://theme/IDR_LOGIN_BACK_BUTTTON_MASKED); 126 background-image: url(chrome://theme/IDR_LOGIN_BACK_BUTTTON_MASKED);
132 } 127 }
133 128
(...skipping 181 matching lines...) Expand 10 before | Expand all | Expand 10 after
315 310
316 html /deep/ #forgotPasswordDlg { 311 html /deep/ #forgotPasswordDlg {
317 position: fixed; 312 position: fixed;
318 top: 200px; 313 top: 200px;
319 width: 350px; 314 width: 350px;
320 } 315 }
321 316
322 html /deep/ #forgotPasswordDlg gaia-paper-button[autofocus] { 317 html /deep/ #forgotPasswordDlg gaia-paper-button[autofocus] {
323 color: rgb(66, 133, 244); 318 color: rgb(66, 133, 244);
324 } 319 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698