MD Settings: CrOS: Add secondary user banner

chrome/browser/resources/settings/basic_page/basic_page.html

Index: chrome/browser/resources/settings/basic_page/basic_page.html
diff --git a/chrome/browser/resources/settings/basic_page/basic_page.html b/chrome/browser/resources/settings/basic_page/basic_page.html
index 7f75d71b7d58e539d7d42e9eeaf640a40abc13d1..9dc324465f10f2ad37d88a9f13e2739f12489b42 100644
--- a/chrome/browser/resources/settings/basic_page/basic_page.html
+++ b/chrome/browser/resources/settings/basic_page/basic_page.html
@@ -49,6 +49,23 @@
         padding: 0 12px;
       }
 
+      #secondaryUserBanner {
+        @apply(--shadow-elevation-2dp);
+        background-color: white;
+        border-radius: 2px;
+        margin: 21px 0;
+      }
+
+      #secondaryUserIcon {
+        background-color: rgb(210, 210, 212);
+        background-image: url(chrome://theme/IDR_SECONDARY_USER_SETTINGS);
+        background-position: center;
+        background-repeat: no-repeat;
+        height: 55px;
+        margin: 18px;
+        width: 58px;
+      }
+
       #toggleContainer {
         align-items: center;
         display: flex;
@@ -74,6 +91,14 @@
           </settings-reset-profile-banner>
         </template>
 <if expr="chromeos">
+        <template is="dom-if" if="[[showSecondaryUserBanner_]]">

[dschuyler, 2017/02/11 02:54:56]

Since this just contains divs, this may be lighter (faster to set up) as a
hidden on the div below rather than a template. 

When a template hides something that outweighs the contents then the template
saves set up time, but I think it's likely that the template outweighs the
contents in this case. 

[stevenjb, 2017/02/13 18:28:00]

I'm pretty sure it doesn't really matter, especially since there are other
dom-ifs here, and I kind of prefer the similarity with the code above, but
that's going away, and it probably doesn't matter... so done :)

+          <div id="secondaryUserBanner" class="layout horizontal center">
+            <div id="secondaryUserIcon"></div>
+            <div class="flex">$i18n{secondaryUserBannerText}</div>
+          </div>
+        </template>
+</if>
+<if expr="chromeos">
         <template is="dom-if" if="[[showPage(pageVisibility.internet)]]"
             restamp>
           <settings-section page-title="$i18n{internetPageTitle}"