Add tooltip for primary account in Account Manager

Bug: 1001386
Change-Id: I4082dcdb5968d845c6dca0601c5d5f96a84f17a7
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1805664Reviewed-by: Michael Giuffrida <michaelpg@chromium.org>
Reviewed-by: Kush Sinha <sinhak@chromium.org>
Commit-Queue: Anastasiia Nikolaienko <anastasiian@chromium.org>
Cr-Commit-Position: refs/heads/master@{#697629}

chrome/app/settings_strings.grdp

@@ -3916,6 +3916,9 @@
     <message name="IDS_SETTINGS_ACCOUNT_MANAGER_SUBMENU_LABEL" desc="Label of Account Manager submenu in Settings page.">
       Google Accounts
     </message>
+    <message name="IDS_SETTINGS_ACCOUNT_MANAGER_PRIMARY_ACCOUNT_TOOLTIP" desc="Tooltip for the primary account in accounts list in Settings describing how to sign out.">
+      To sign out of the primary account on this device, click the time on your screen. In the menu that appears, click "Sign out".
+    </message>
     <message name="IDS_SETTINGS_ACCOUNT_MANAGER_SIGNED_OUT_ACCOUNT_PLACEHOLDER" desc="Placeholder text for the full name of a signed out account in Account Manager.">
       Sign in again
     </message>

chrome/app/settings_strings_grdp/IDS_SETTINGS_ACCOUNT_MANAGER_PRIMARY_ACCOUNT_TOOLTIP.png.sha1

+4af25a499ae755e183eab9e08b1d4854f347d4a3
\ No newline at end of file

chrome/browser/resources/settings/people_page/account_manager.html

@@ -4,6 +4,7 @@
 <link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_icon_button/cr_icon_button.html">
 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_indicator.html">
+<link rel="import" href="chrome://resources/cr_elements/policy/cr_tooltip_icon.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/icon.html">
 <link rel="import" href="chrome://resources/html/util.html">
@@ -88,6 +89,11 @@
       .management-status {
         color: var(--cr-secondary-text-color);
       }
+
+      .tooltip-primary-account {
+        margin-inline-end: 12px;
+        margin-inline-start: 12px;
+      }
     </style>
 
     <div class="settings-box first">
@@ -152,6 +158,11 @@
 
           <!-- If this is the Device Account, display the management status -->
           <template is="dom-if" if="[[item.isDeviceAccount]]">
+            <cr-tooltip-icon icon-class="cr:info-outline"
+                class="tooltip-primary-account"
+                tooltip-text="$i18n{accountManagerPrimaryAccountTooltip}"
+                icon-aria-label="$i18n{accountManagerPrimaryAccountTooltip}">
+            </cr-tooltip-icon>
             <span class="management-status">
               [[getManagementLabel_(item)]]
             </span>

chrome/browser/ui/webui/settings/settings_localized_strings_provider.cc

@@ -1859,6 +1859,8 @@ void AddPeopleStrings(content::WebUIDataSource* html_source, Profile* profile) {
     {"accountListHeader", IDS_SETTINGS_ACCOUNT_MANAGER_LIST_HEADER},
     {"addAccountLabel", IDS_SETTINGS_ACCOUNT_MANAGER_ADD_ACCOUNT_LABEL},
     {"removeAccountLabel", IDS_SETTINGS_ACCOUNT_MANAGER_REMOVE_ACCOUNT_LABEL},
+    {"accountManagerPrimaryAccountTooltip",
+     IDS_SETTINGS_ACCOUNT_MANAGER_PRIMARY_ACCOUNT_TOOLTIP},
     {"accountManagerSignedOutAccountName",
      IDS_SETTINGS_ACCOUNT_MANAGER_SIGNED_OUT_ACCOUNT_PLACEHOLDER},
     {"accountManagerUnmigratedAccountName",