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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/sync_setup_overlay.html

Issue 8283014: Sync: Update look of sign in box (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: address review comments Created 9 years, 2 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 | Annotate | Revision Log
« chrome/browser/resources/sync_setup_overlay.css ('K') | « chrome/browser/resources/sync_setup_overlay.css ('k') | chrome/browser/resources/sync_setup_overlay.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <div id="sync-setup-overlay" class="page" hidden> 1 <div id="sync-setup-overlay" class="page" hidden>
2 <div id="sync-setup-login" hidden> 2 <div id="sync-setup-login" hidden>
3 <h1 id="promo-title" i18n-content="promoTitle" hidden></h1> 3 <h1 id="promo-title" i18n-content="promoTitle" hidden></h1>
4 <div id="sync-setup-login-promo-column" hidden>
5 <div id="promo-message-title">
6 <span i18n-content="promoMessageTitle"></span>
7 </div>
8 <div id="promo-message-body">
9 <span i18n-values=".innerHTML:promoMessageBody"></span>
10 <a id="promo-learn-more-show" i18n-content="promoLearnMoreShow"
11 href="#"></a>
12 <a id="promo-learn-more-hide" i18n-content="promoLearnMoreHide"
13 href="#" hidden> </a>
14 </div>
15 <img id="promo-infographic"
16 src="chrome://theme/IRD_SYNC_PROMO_INFO_GRAPHIC">
17 <div id="promo-information" i18n-values=".innerHTML:promoInformation"
18 hidden>
19 </div>
20 </div>
21
22 <div id="sync-setup-login-content-column"> 4 <div id="sync-setup-login-content-column">
23 <h1 id="sync-setup-overlay-title" 5 <h1 id="sync-setup-overlay-title"
24 i18n-content="syncSetupOverlayTitle"></h1> 6 i18n-content="syncSetupOverlayTitle">
25 <div class="content-area"> 7 </h1>
26 <div> 8 <!-- top-blurb-error's reset state is handled differently from most
27 <!-- top-blurb-error's reset state is handled differently from most 9 elements. Instead of being [hidden] it is visibility:hidden so it
28 elements. Instead of being [hidden] it is visibility:hidden so it 10 still takes up space. But it is also [hidden] when we display the
29 still takes up space. But it is also [hidden] when we display the 11 captcha, so when it is reset, it needs to be shown. -->
30 captcha, so when it is reset, it needs to be shown. --> 12 <div id="top-blurb-error"
31 <div id="top-blurb-error" 13 class="reset-shown reset-visibility-hidden">
32 class="reset-shown reset-visibility-hidden"> 14 <span id="error-signing-in" i18n-content="errorSigningIn"></span>
33 <span id="error-signing-in" i18n-content="errorSigningIn"></span> 15 <span id="error-custom" hidden></span>
34 <span id="error-custom" hidden></span> 16 </div>
35 </div> 17 <div class="sign-in">
18 <div class="signin-box">
19 <h2><span i18n-content="signinHeader"></span><strong></strong></h2>
James Hawkins 2011/10/14 22:21:36 Why is there an empty <strong></strong> here?
James Hawkins 2011/10/14 22:21:36 Just set the i18n-content of the h2 instead of add
sail 2011/10/14 22:57:05 Done.
sail 2011/10/14 22:57:05 The Google logo is added to the empty strong eleme
36 <form id="gaia-login-form"> 20 <form id="gaia-login-form">
37 <div id="gaia-login-box"> 21 <div id="email-row" class="reset-shown">
38 <table id="content-table" cellspacing="0" 22 <label>
39 cellpadding="5" width="75%" border="0" align="center"> 23 <strong class="email-label" i18n-content="emailLabel"></strong>
40 <tr> 24 <input id="gaia-email" type="text" name="email" value=""
41 <td valign="top" style="text-align:center" nowrap="nowrap" 25 class="reset-enabled reset-shown reset-value"
42 bgcolor="#e8eefa"> 26 autocomplete="off">
43 <div> 27 <div id="email-readonly" class="reset-hidden" hidden></div>
44 <table id="gaia-table" align="center" border="0" 28 <div id="errormsg-0-email" class="errormsg reset-hidden"
45 cellpadding="1" cellspacing="0"> 29 i18n-content="cannotBeBlank" hidden></div>
46 <tr> 30 </label>
47 <td colspan="2" align="center"> 31 </div>
48 <table> 32 <div id="password-row" class="reset-shown">
49 <tr> 33 <label>
50 <td> 34 <strong class="password-label" i18n-content="passwordLabel">
51 <span id="gaia-account-text-prefix" 35 </strong>
52 i18n-content="signinPrefix"></span> 36 <input id="gaia-passwd" type="password" name="passwd"
53 </td> 37 class="reset-enabled reset-value" autocomplete="off">
54 <td id="gaia-logo" valign="top"> 38 <div id="errormsg-0-password" class="errormsg reset-hidden"
55 <img src="chrome://resources/images/google-tra nsparent.png" alt="Google"> 39 i18n-content="cannotBeBlank" hidden></div>
56 </td> 40 <label>
57 <td valign="middle"> 41 </div>
58 <span id="gaia-account-text" 42 <div id="access-code-input-row" class="access-code-row reset-hidden"
59 i18n-content="signinSuffix"></span> 43 hidden>
60 </td> 44 <label>
61 </tr> 45 <strong i18n-content="enterAccessCode"></strong>
62 </table> 46 <a i18n-values="href:getAccessCodeURL"
63 </td> 47 i18n-content="getAccessCodeHelp" target="_blank"
64 </tr> 48 class="account-link"></a>
65 <tr> 49 <input id="access-code" type="password" name="accessCode"
66 <td colspan="2" align="center"> </td> 50 class="reset-enabled reset-value">
67 </tr> 51 </label>
68 <tr id="email-row" class="reset-shown"> 52 </div>
69 <td nowrap="nowrap"> 53 <div id="errormsg-1-password" class="errormsg reset-hidden" hidden>
70 <div class="end-aligned"> 54 <span i18n-content="invalidCredentials"></span>
71 <span i18n-content="emailLabel"> 55 <a i18n-values="href:invalidPasswordHelpURL" class="help-link"
72 </span> 56 target="_blank">?</a>
James Hawkins 2011/10/14 22:21:36 4 space indentation for wraps. Here and everywhere
sail 2011/10/14 22:57:05 Done.
73 </div> 57 </div>
74 </td> 58 <div id="errormsg-fatal" class="errormsg reset-hidden" hidden>
75 <td> 59 <span i18n-content="unrecoverableError"></span>
76 <input id="gaia-email" type="text" name="email" 60 <a i18n-values="href:unrecoverableErrorHelpURL"
77 size="18" value="" 61 i18n-content="errorLearnMore" target="_blank"></a>
James Hawkins 2011/10/14 22:21:36 4 space indentation for wraps.
sail 2011/10/14 22:57:05 Done.
78 class="reset-enabled reset-shown reset-value" 62 </div>
79 autocomplete="off"> 63 <div id="errormsg-0-access-code" class="errormsg reset-hidden"
80 <span id="email-readonly" class="reset-hidden" 64 i18n-content="invalidAccessCode" hidden>
81 hidden></span> 65 </div>
82 </td> 66 <div id="asp-warning-div" class="errormsg reset-hidden" hidden>
83 </tr> 67 <span i18n-values=".innerHTML:aspWarningText"></span>
84 <tr id="access-code-label-row" 68 </div>
85 class="access-code-row reset-hidden" hidden> 69 <div id="captcha-div" class="reset-hidden" hidden>
86 <td colspan="2"> 70 <div id="captcha-wrapper">
87 <span i18n-content="enterAccessCode"></span> 71 <div id="captcha-image"></div>
88 </td> 72 </div>
89 </tr> 73 <div>
90 <tr id="access-code-help-row" 74 <label>
91 class="access-code-row reset-hidden" hidden> 75 <strong i18n-content="captchaInstructions"></strong>
92 <td colspan="2"> 76 <input id="captcha-value" type="text" name="captchaValue"
93 <a i18n-values="href:getAccessCodeURL" 77 value="" class="reset-disabled">
94 i18n-content="getAccessCodeHelp" 78 </label>
95 target="_blank"> 79 </div>
96 </a> 80 </div>
97 </td> 81 <div id="errormsg-0-connection" class="errormsg reset-hidden"
98 </tr> 82 i18n-content="couldNotConnect" hidden>
99 <tr> 83 </div>
100 <td></td> 84 <div id="action-area">
101 <td> 85 <input id="sign-in" type="submit" i18n-content="signin">
102 <div id="errormsg-0-email" 86 <div id="create-account-div">
103 class="errormsg reset-hidden" 87 <span i18n-content="createAccountPrefix"></span>
104 i18n-content="cannotBeBlank" 88 <a id="create-account-link"
105 hidden> 89 i18n-values="href:createNewAccountURL"
106 </div> 90 i18n-content="createAccount" target="_blank"
107 </td> 91 class="account-link">
108 </tr> 92 </a>
109 <tr id="password-row" class="reset-shown"> 93 </div>
110 <td class="end-aligned"> 94 <div id="logging-in-throbber" class="throbber"></div>
111 <span i18n-content="passwordLabel"></span> 95 </div>
112 </td> 96 <div id="ga-fprow">
113 <td> 97 <a id="cannot-access-account-link"
114 <input id="gaia-passwd" type="password" 98 i18n-values="href:cannotAccessAccountURL"
115 name="passwd" size="18" 99 target="_blank"
116 class="reset-enabled reset-value" 100 i18n-content="cannotAccessAccount"
117 autocomplete="off"> 101 class="account-link">
118 </td> 102 </a>
119 </tr>
120 <tr id="access-code-input-row"
121 class="access-code-row reset-hidden" hidden>
122 <td colspan="2">
123 <input id="access-code" type="password"
124 name="accessCode" size="18"
125 class="reset-enabled reset-value">
126 </td>
127 </tr>
128 <tr>
129 <td></td>
130 <td>
131 <div class="error-msg-spacer">
132 <div id="errormsg-0-password"
133 class="errormsg reset-hidden"
134 i18n-content="cannotBeBlank"
135 hidden>
136 </div>
137 <div id="errormsg-1-password"
138 class="errormsg reset-hidden"
139 hidden>
140 <span i18n-content="invalidCredentials"></span>
141 <!-- Brackets are intentional -->
142 [<a i18n-values="href:invalidPasswordHelpURL"
143 target="_blank">?</a>]
144 </div>
145 <div id="errormsg-fatal"
146 class="errormsg reset-hidden"
147 hidden>
148 <span i18n-content="unrecoverableError"></span>
149 <a i18n-values="href:unrecoverableErrorHelpURL"
150 i18n-content="errorLearnMore"
151 target="_blank">
152 </a>
153 </div>
154 <div id="errormsg-0-access-code"
155 class="errormsg reset-hidden"
156 i18n-content="invalidAccessCode"
157 hidden>
158 </div>
159 <div id="asp-warning-div"
160 class="errormsg reset-hidden"
161 hidden>
162 <span i18n-values=".innerHTML:aspWarningText">
163 </span>
164 </div>
165 </div>
166 </td>
167 </tr>
168 <tr>
169 <td colspan="2">
170 <div id="captcha-div" class="reset-hidden" hidden>
171 <div id="captcha-instructions"
172 i18n-content="captchaInstructions"
173 class="bottom-padded-cell">
174 </div>
175 <div class="bottom-padded-cell">
176 <div id="captcha-wrapper">
177 <div id="captcha-image"></div>
178 </div>
179 </div>
180 <div>
181 <input id="captcha-value" type="text"
182 name="captchaValue" size="18" value=""
183 class="reset-disabled">
184 </div>
185 </div>
186 </td>
187 </tr>
188 <tr>
189 <td colspan="2" align="center">
190 <div id="errormsg-0-connection"
191 class="errormsg reset-hidden"
192 i18n-content="couldNotConnect"
193 hidden>
194 </div>
195 </td>
196 </tr>
197 <tr id="action-area">
198 <td colspan="2">
199 <table align="center" cellpadding="0"
200 cellspacing="0">
201 <tr>
202 <td>
203 <div id="logging-in-throbber"
204 class="throbber">
205 </div>
206 </td>
207 <td class="no-vertical-padding">
208 <input id="sign-in" type="submit"
209 i18n-content="signin">
210 </button>
211 </td>
212 </tr>
213 </table>
214 </td>
215 </tr>
216 <tr id="ga-fprow">
217 <td colspan="2" height="16.0"
218 align="center" valign="bottom">
219 <a id="cannot-access-account-link"
220 i18n-values="href:cannotAccessAccountURL"
221 target="_blank"
222 i18n-content="cannotAccessAccount">
223 </a>
224 </td>
225 </tr>
226 <tr>
227 <td id="create-account-cell" colspan="2" height="16.0"
228 align="center" valign="bottom">
229 <div id="create-account-div">
230 <a id="create-account-link"
231 i18n-values="href:createNewAccountURL"
232 i18n-content="createAccount" target="_blank">
233 </a>
234 </div>
235 </td>
236 </tr>
237 </table>
238 </div>
239 </td>
240 </tr>
241 </table>
242 </div> 103 </div>
243 </form> 104 </form>
244 </div> 105 </div>
245 <div> 106 </div> <!-- sign-in -->
246 <div id="cancel-space-no-captcha" colspan="2"> 107 <div id="cancel-space-no-captcha"></div>
247 </div>
248 </div>
249 </div>
250 <div class="action-area"> 108 <div class="action-area">
251 <div class="button-strip"> 109 <div class="button-strip">
252 <button id="sync-setup-cancel" type="reset" i18n-content="cancel"> 110 <button id="sync-setup-cancel" type="reset" i18n-content="cancel">
253 </button> 111 </button>
254 </div> 112 </div>
255 </div> 113 </div>
256 </div> 114 </div>
115 <div id="sync-setup-login-promo-column" hidden>
116 <h2 id="promo-message-title" i18n-content="promoMessageTitle"></h2>
117 <p>
118 <span i18n-values=".innerHTML:promoMessageBody"></span>
119 <a id="promo-learn-more-show" i18n-content="promoLearnMoreShow"
James Hawkins 2011/10/14 22:21:36 What happens when these are clicked?
sail 2011/10/14 22:57:05 This is existing code. Currently it swaps promo-in
120 href="#"></a>
121 <a id="promo-learn-more-hide" i18n-content="promoLearnMoreHide"
122 href="#" hidden> </a>
123 </p>
124 <img id="promo-infographic"
125 src="chrome://theme/IRD_SYNC_PROMO_INFO_GRAPHIC">
126 <div id="promo-information" i18n-values=".innerHTML:promoInformation"
127 hidden>
128 </div>
129 </div>
257 <div id="promo-skip" hidden> 130 <div id="promo-skip" hidden>
258 <button id="promo-skip-button" type="reset" 131 <button id="promo-skip-button" type="reset"
259 i18n-content="promoSkipButton"> </button> 132 i18n-content="promoSkipButton"> </button>
260 <button id="promo-advanced" i18n-content="promoAdvanced" 133 <button id="promo-advanced" i18n-content="promoAdvanced"
261 class="link-button"></button> 134 class="link-button"></button>
262 </div> 135 </div>
263 </div> 136 </div>
264 <div id="sync-setup-configure" hidden> 137 <div id="sync-setup-configure" hidden>
265 <div id="confirm-sync-preferences"> 138 <div id="confirm-sync-preferences">
266 <h1 i18n-content="confirmSyncPreferences"></h1> 139 <h1 i18n-content="confirmSyncPreferences"></h1>
(...skipping 212 matching lines...) Expand 10 before | Expand all | Expand 10 after
479 <span i18n-content="stopSyncingExplanation"></span> 352 <span i18n-content="stopSyncingExplanation"></span>
480 </div> 353 </div>
481 <div class="action-area button-strip"> 354 <div class="action-area button-strip">
482 <input id="stop-syncing-cancel" type="button" 355 <input id="stop-syncing-cancel" type="button"
483 i18n-values="value:cancel"> 356 i18n-values="value:cancel">
484 <input id="stop-syncing-ok" type="button" 357 <input id="stop-syncing-ok" type="button"
485 i18n-values="value:stopSyncingConfirm"> 358 i18n-values="value:stopSyncingConfirm">
486 </div> 359 </div>
487 </div> 360 </div>
488 </div> 361 </div>
OLDNEW
« chrome/browser/resources/sync_setup_overlay.css ('K') | « chrome/browser/resources/sync_setup_overlay.css ('k') | chrome/browser/resources/sync_setup_overlay.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698