| Index: chrome/browser/resources/options/sync_setup_overlay.html
|
| diff --git a/chrome/browser/resources/options/sync_setup_overlay.html b/chrome/browser/resources/options/sync_setup_overlay.html
|
| index a04e530b977ac79099372b303ec6adbc4dc98f58..ddd1f8dc9813e20a370fc942dd2e95a53f7a3eb2 100644
|
| --- a/chrome/browser/resources/options/sync_setup_overlay.html
|
| +++ b/chrome/browser/resources/options/sync_setup_overlay.html
|
| @@ -3,9 +3,14 @@
|
| <h1 i18n-content="syncSetupOverlayTitle"></h1>
|
| <div class="content-area">
|
| <div>
|
| - <div id="top-blurb-error">
|
| + <!-- top-blurb-error's reset state is handled differently from most
|
| + elements. Instead of being [hidden] it is visibility:hidden so it
|
| + still takes up space. But it is also [hidden] when we display the
|
| + captcha, so when it is reset, it needs to be shown. -->
|
| + <div id="top-blurb-error"
|
| + class="reset-shown reset-visibility-hidden">
|
| <span id="error-signing-in" i18n-content="errorSigningIn"></span>
|
| - <span id="error-custom"></span>
|
| + <span id="error-custom" hidden></span>
|
| </div>
|
| <form id="gaia-login-form">
|
| <div id="gaia-login-box">
|
| @@ -39,7 +44,7 @@
|
| <tr>
|
| <td colspan="2" align="center"> </td>
|
| </tr>
|
| - <tr id="email-row">
|
| + <tr id="email-row" class="reset-shown">
|
| <td nowrap="nowrap">
|
| <div class="end-aligned">
|
| <span i18n-content="emailLabel">
|
| @@ -48,16 +53,18 @@
|
| </td>
|
| <td>
|
| <input id="gaia-email" type="text" name="email"
|
| - size="18" value="">
|
| - <span id="email-readonly"></span>
|
| + size="18" value="" class="reset-enabled">
|
| + <span id="email-readonly" hidden></span>
|
| </td>
|
| </tr>
|
| - <tr id="access-code-label-row" class="access-code-row">
|
| + <tr id="access-code-label-row"
|
| + class="access-code-row reset-hidden" hidden>
|
| <td colspan="2">
|
| <span i18n-content="enterAccessCode"></span>
|
| </td>
|
| </tr>
|
| - <tr id="access-code-help-row" class="access-code-row">
|
| + <tr id="access-code-help-row"
|
| + class="access-code-row reset-hidden" hidden>
|
| <td colspan="2">
|
| <a i18n-values="href:getAccessCodeURL"
|
| i18n-content="getAccessCodeHelp" target="_blank">
|
| @@ -67,21 +74,24 @@
|
| <tr>
|
| <td></td>
|
| <td>
|
| - <div id="errormsg-0-email" class="errormsg"
|
| - i18n-content="cannotBeBlank">
|
| + <div id="errormsg-0-email"
|
| + class="errormsg reset-hidden"
|
| + i18n-content="cannotBeBlank"
|
| + hidden>
|
| </div>
|
| </td>
|
| </tr>
|
| - <tr id="password-row">
|
| + <tr id="password-row" class="reset-shown">
|
| <td class="end-aligned">
|
| <span i18n-content="passwordLabel"></span>
|
| </td>
|
| <td>
|
| <input id="gaia-passwd" type="password" name="passwd"
|
| - size="18">
|
| + size="18" class="reset-enabled">
|
| </td>
|
| </tr>
|
| - <tr id="access-code-input-row" class="access-code-row">
|
| + <tr id="access-code-input-row"
|
| + class="access-code-row reset-hidden" hidden>
|
| <td colspan="2">
|
| <input id="access-code" type="password"
|
| name="accessCode" size="18">
|
| @@ -91,24 +101,30 @@
|
| <td></td>
|
| <td>
|
| <div class="error-msg-spacer">
|
| - <div id="errormsg-0-password" class="errormsg"
|
| - i18n-content="cannotBeBlank">
|
| + <div id="errormsg-0-password"
|
| + class="errormsg reset-hidden"
|
| + i18n-content="cannotBeBlank"
|
| + hidden>
|
| </div>
|
| - <div id="errormsg-1-password" class="errormsg">
|
| + <div id="errormsg-1-password"
|
| + class="errormsg reset-hidden"
|
| + hidden>
|
| <span i18n-content="invalidCredentials"></span>
|
| <!-- Brackets are intentional -->
|
| [<a i18n-values="href:invalidPasswordHelpURL"
|
| target="_blank">?</a>]
|
| </div>
|
| - <div id="errormsg-0-access-code" class="errormsg"
|
| - i18n-content="invalidAccessCode">
|
| + <div id="errormsg-0-access-code"
|
| + class="errormsg reset-hidden"
|
| + i18n-content="invalidAccessCode"
|
| + hidden>
|
| </div>
|
| </div>
|
| </td>
|
| </tr>
|
| <tr>
|
| <td colspan="2">
|
| - <div id="captcha-div">
|
| + <div id="captcha-div" class="reset-hidden" hidden>
|
| <div id="captcha-instructions"
|
| i18n-content="captchaInstructions"
|
| class="bottom-padded-cell">
|
| @@ -120,15 +136,18 @@
|
| </div>
|
| <div>
|
| <input id="captcha-value" type="text"
|
| - name="captchaValue" size="18" value="">
|
| + name="captchaValue" size="18" value=""
|
| + class="reset-disabled">
|
| </div>
|
| </div>
|
| </td>
|
| </tr>
|
| <tr>
|
| <td colspan="2" align="center">
|
| - <div id="errormsg-0-connection" class="errormsg"
|
| - i18n-content="couldNotConnect">
|
| + <div id="errormsg-0-connection"
|
| + class="errormsg reset-hidden"
|
| + i18n-content="couldNotConnect"
|
| + hidden>
|
| </div>
|
| </td>
|
| </tr>
|
| @@ -342,10 +361,10 @@
|
| <input id="confirm-passphrase" type="password"
|
| i18n-values="placeholder:confirmLabel">
|
| </div>
|
| - <div id="empty-error" class="error" style="display:none"
|
| - i18n-content="emptyErrorMessage"></div>
|
| - <div id="mismatch-error" class="error" style="display:none"
|
| - i18n-content="mismatchErrorMessage"></div>
|
| + <div id="empty-error" class="error"
|
| + i18n-content="emptyErrorMessage" hidden></div>
|
| + <div id="mismatch-error" class="error"
|
| + i18n-content="mismatchErrorMessage" hidden></div>
|
| </div>
|
| </div>
|
| <div id="sync-existing-passphrase-container" hidden>
|
|
|