| OLD | NEW |
| (Empty) |
| 1 <div id="user-pod-template" class="pod" hidden> | |
| 2 <div class="user-image-pane"> | |
| 3 <div class="user-image-container"> | |
| 4 <img class="user-image" alt> | |
| 5 </div> | |
| 6 <div class="signed-in-indicator" i18n-content="signedIn"></div> | |
| 7 <div class="locked-indicator"></div> | |
| 8 <div class="supervised-indicator"></div> | |
| 9 </div> | |
| 10 <div class="main-pane"> | |
| 11 <div class="name-container"> | |
| 12 <div class="name"></div> | |
| 13 <div class="learn-more-container"> | |
| 14 <div class="learn-more"></div> | |
| 15 </div> | |
| 16 </div> | |
| 17 <div class="auth-container"> | |
| 18 <!-- Password Authentication --> | |
| 19 <div class="password-entry-container"> | |
| 20 <div class="password-container"> | |
| 21 <input type="password" class="password" | |
| 22 i18n-values="placeholder:passwordHint"> | |
| 23 </div> | |
| 24 <div class="capslock-hint-container"> | |
| 25 <img class="capslock-hint" | |
| 26 src="chrome://theme/IDR_LOGIN_PASSWORD_CAPS_LOCK" alt> | |
| 27 </div> | |
| 28 </div> | |
| 29 <!-- User Click Authentication --> | |
| 30 <div class="password-label"></div> | |
| 31 <div class="custom-icon" hidden></div> | |
| 32 <div class="signin-button-container"> | |
| 33 <button class="signin-button" i18n-content="signinButton"></button> | |
| 34 </div> | |
| 35 <div class="launch-app-button-container" hidden> | |
| 36 <button class="launch-app-button" i18n-content="launchAppButton"> | |
| 37 </button> | |
| 38 </div> | |
| 39 </div> | |
| 40 </div> | |
| 41 <div class="action-box-area"> | |
| 42 <div class="custom-appearance action-box-button"></div> | |
| 43 </div> | |
| 44 <div class="user-type-icon-area" hidden> | |
| 45 <div class="custom-appearance user-type-icon-image"></div> | |
| 46 </div> | |
| 47 <div class="action-box-menu"> | |
| 48 <div class="action-box-menu-title"> | |
| 49 <span class="action-box-menu-title-name"></span> | |
| 50 <span class="action-box-menu-title-email"></span> | |
| 51 </div> | |
| 52 <div class="action-box-menu-remove"> | |
| 53 <span class="action-box-menu-remove-command"/> | |
| 54 </div> | |
| 55 <div class="action-box-remove-user-warning" hidden> | |
| 56 <div class="action-box-remove-user-warning-text" | |
| 57 i18n-content="removeUserWarningText" hidden></div> | |
| 58 <div class="action-box-remove-supervised-user-warning-text" | |
| 59 i18n-content="removeSupervisedUserWarningText"></div> | |
| 60 <button class="remove-warning-button | |
| 61 custom-appearance button-fancy button-red" | |
| 62 i18n-content="removeUserWarningButtonTitle"></button> | |
| 63 </div> | |
| 64 </div> | |
| 65 <div class="user-type-bubble"> | |
| 66 <div class="user-type-bubble-header"> | |
| 67 <span class="mp-policy-title" | |
| 68 i18n-content="multiProfilesRestrictedPolicyTitle"></span> | |
| 69 </div> | |
| 70 <div class="user-type-bubble-body"> | |
| 71 <span class="mp-policy-not-allowed-msg" | |
| 72 i18n-content="multiProfilesNotAllowedPolicyMsg" hidden></span> | |
| 73 <span class="mp-policy-primary-only-msg" | |
| 74 i18n-content="multiProfilesPrimaryOnlyPolicyMsg" hidden></span> | |
| 75 <span class="mp-owner-primary-only-msg" | |
| 76 i18n-content="multiProfilesOwnerPrimaryOnlyMsg" hidden></span> | |
| 77 </div> | |
| 78 </div> | |
| 79 </div> | |
| 80 | |
| 81 <!-- Extra elements that are appended to above "user-pod-template" for public | |
| 82 account user pod. Note that only the children of the template div are | |
| 83 appended. --> | |
| 84 <div id="public-account-user-pod-extras-template" hidden> | |
| 85 <div class="expanded-pane"> | |
| 86 <div class="expanded-pane-contents"> | |
| 87 <div class="side-container"> | |
| 88 <div class="expanded-pane-name"></div> | |
| 89 <div class="reminder" i18n-content="publicAccountReminder"></div> | |
| 90 <div class="language-and-input-section"> | |
| 91 <div class="select-with-label"> | |
| 92 <label class="language-select-label" | |
| 93 i18n-content="publicSessionSelectLanguage"> | |
| 94 </label> | |
| 95 <div class="select-container"> | |
| 96 <select class="language-select"></select> | |
| 97 </div> | |
| 98 </div> | |
| 99 <div class="select-with-label"> | |
| 100 <label class="keyboard-select-label" | |
| 101 i18n-content="publicSessionSelectKeyboard"> | |
| 102 </label> | |
| 103 <div class="select-container"> | |
| 104 <select class="keyboard-select"></select> | |
| 105 </div> | |
| 106 </div> | |
| 107 </div> | |
| 108 </div> | |
| 109 <div class="bottom-container"> | |
| 110 <div class="expanded-pane-learn-more-container"> | |
| 111 <div class="expanded-pane-learn-more"></div> | |
| 112 </div> | |
| 113 <div class="info"></div> | |
| 114 <div class="language-and-input-container"> | |
| 115 <a class="language-and-input" href="#" role="button" | |
| 116 i18n-content="publicSessionLanguageAndInput"></a> | |
| 117 </div> | |
| 118 <button class="enter-button" | |
| 119 i18n-content="publicAccountEnter" | |
| 120 i18n-values="aria-label:publicAccountEnterAccessibleName"> | |
| 121 </button> | |
| 122 </div> | |
| 123 </div> | |
| 124 </div> | |
| 125 </div> | |
| OLD | NEW |