chrome/browser/resources/chromeos/assistant_optin/setting_zippy.html

<!-- Copyright 2018 The Chromium Authors. All rights reserved.
     Use of this source code is governed by a BSD-style license that can be
     found in the LICENSE file. -->

<link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
<link rel="import" href="chrome://resources/cr_elements/cr_toggle/cr_toggle.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html">
<dom-module id="setting-zippy">
  <template>
    <link rel="stylesheet" href="../login/oobe_flex_layout.css">
    <link rel="stylesheet" href="setting_zippy.css">
    <link rel="stylesheet" href="assistant_shared_styles.css">
    <div class="flex layout horizontal" id="container"
        popupStyle$="[[popupStyle]]">
      <div class="icon">
        <webview class="icon-view" src="[[iconSrc]]"></webview>
      </div>
      <div>
        <div class="sub-title">
          <content select=".zippy-title"></content>
        </div>
        <div class="content" toggleStyle$="[[toggleStyle]]"
            popupStyle$="[[popupStyle]]">
          <content select=".zippy-description, .learn-more-link"></content>
        </div>
      </div>
      <div class="flex"></div>
      <cr-expand-button expanded="{{expanded_}}" hidden="[[!expandStyle]]">
      </cr-expand-button>
      <div class="toggle">
        <content select=".zippy-toggle" hidden="[[!toggleStyle]]"></content>
      </div>
    </div>
    <iron-collapse opened="[[expanded_]]">
      <div class="content indent">
        <content select=.zippy-additional></content>
      </div>
    </iron-collapse>
    <div class="line" hidden="[[hideLine]]"></div>
  </template>
</dom-module>