ui/file_manager/file_manager/foreground/elements/files_toast.html

<!-- Copyright 2015 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/html/polymer.html">

<dom-module id="files-toast">
  <template>
    <style>
      .container {
        background: rgb(50, 50, 50);
        bottom: 16px;
        display: flex;
        min-width: 360px;
        padding: 20px 24px;
        position: absolute;
      }

      .container[hidden] {
        display: none;
      }

      :host-context(html[dir='ltr']) .container {
        right: 16px;
      }

      :host-context(html[dir='rtl']) .container {
        left: 16px;
      }

      .text {
        color: white;
        flex-grow: 1;
      }

      .action {
        -webkit-margin-start: 8px;
        color: rgb(97, 203, 255);
        cursor: pointer;
        font-weight: bold;
      }
    </style>
    <div class="container" id="container" hidden>
      <div class="text" id="text"></div>
      <div class="action" id="action" on-tap="onActionTapped_"></div>
    </div>
  </template>
</dom-module>

<script src="files_toast.js"></script>