| <link rel="import" href="chrome://resources/html/polymer.html"> |
| |
| <link rel="import" href="/profile_browser_proxy.html"> |
| <link rel="import" href="/shared_styles.html"> |
| <link rel="import" href="/strings.html"> |
| <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html"> |
| |
| <dom-module id="control-bar"> |
| <template> |
| <style include="shared-styles iron-flex iron-flex-alignment iron-positioning"> |
| #container { |
| align-items: center; |
| min-height: 32px; |
| padding-bottom: 12px; |
| padding-inline-end: 8px; |
| padding-inline-start: 24px; |
| padding-top: 12px; |
| } |
| |
| #logo { |
| margin-inline-end: auto; |
| user-select: none; |
| } |
| |
| paper-button + paper-button { |
| margin-inline-start: 8px; |
| } |
| </style> |
| <div id="container" class="layout horizontal end-justified"> |
| <div id="logo" class="product-logo" alt=""></div> |
| <paper-button id="launchGuest" |
| on-tap="onLaunchGuestTap_" |
| hidden="[[!showGuest]]">$i18n{browseAsGuest}</paper-button> |
| <paper-button id="addUser" on-tap="onAddUserTap_" |
| hidden="[[!showAddPerson]]">$i18n{addUser}</paper-button> |
| </div> |
| </template> |
| <script src="control_bar.js"></script> |
| </dom-module> |
