| Index: ui/file_manager/file_manager/foreground/elements/files_icon_button.html
|
| diff --git a/ui/file_manager/file_manager/foreground/elements/files_icon_button.html b/ui/file_manager/file_manager/foreground/elements/files_icon_button.html
|
| deleted file mode 100644
|
| index f6113e3dcceb12c4f251508658d12bbf5193043c..0000000000000000000000000000000000000000
|
| --- a/ui/file_manager/file_manager/foreground/elements/files_icon_button.html
|
| +++ /dev/null
|
| @@ -1,61 +0,0 @@
|
| -<!-- 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.
|
| - -->
|
| -
|
| -<!--
|
| - `files-icon-button` implements common behaviors among icon buttons in file
|
| - manager, video player, and audio player.
|
| - If the button has |toggles| attributes, this element uses files-toggle-ripple
|
| - to indicate the active state. Otherwise, this element uses files-ripple to
|
| - show circle burst on click.
|
| - In addition, this element shows outline only when it is focused by keyboard
|
| - operation.
|
| --->
|
| -
|
| -<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
|
| -<link rel="import" href="chrome://resources/polymer/v1_0/iron-behaviors/iron-button-state.html">
|
| -<link rel="import" href="chrome-extension://hhaomjibdihmijegdhdafkllkbggdgoj/foreground/elements/files_ripple.html">
|
| -<link rel="import" href="chrome-extension://hhaomjibdihmijegdhdafkllkbggdgoj/foreground/elements/files_toggle_ripple.html">
|
| -
|
| -<dom-module id="files-icon-button">
|
| - <template>
|
| - <style>
|
| - :host {
|
| - background-position: center;
|
| - background-repeat: no-repeat;
|
| - border-radius: 2px;
|
| - cursor: pointer;
|
| - display: inline-block;
|
| - height: 32px;
|
| - outline: none; /* We use original outline for focused state. */
|
| - position: relative;
|
| - width: 32px;
|
| - }
|
| -
|
| - :host(.keyboard-focus) {
|
| - /* We use box-shadow rather than outline to make it rounded. */
|
| - box-shadow: 0 0 0 1px rgba(66, 133, 244, 0.5);
|
| - }
|
| -
|
| - files-toggle-ripple {
|
| - height: 28px;
|
| - left: 2px;
|
| - pointer-events: none;
|
| - position: absolute;
|
| - top: 2px;
|
| - width: 28px;
|
| - }
|
| -
|
| - files-toggle-ripple::shadow .ripple.activated {
|
| - opacity: 0.1;
|
| - }
|
| - </style>
|
| -
|
| - <files-ripple hidden="[[toggles]]"></files-ripple>
|
| - <files-toggle-ripple activated="[[active]]"></files-toggle-ripple>
|
| - <!-- TODO(fukino): Make it possible to insert user-defined element to show them on top of ripple effect. -->
|
| - </template>
|
| -
|
| - <script src="files_icon_button.js"></script>
|
| -</dom-module>
|
|
|