Index: ui/file_manager/audio_player/elements/track_info_panel.html |
diff --git a/ui/file_manager/audio_player/elements/track_info_panel.html b/ui/file_manager/audio_player/elements/track_info_panel.html |
index 00128a311172a24e844782dd93a3fac46a9be8d9..c1b2bc432edd78f9f5a24c25e77d2f7d249e723b 100644 |
--- a/ui/file_manager/audio_player/elements/track_info_panel.html |
+++ b/ui/file_manager/audio_player/elements/track_info_panel.html |
@@ -5,26 +5,29 @@ |
--> |
<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> |
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html"> |
<link rel="import" href="chrome://resources/polymer/v1_0/font-roboto/roboto.html"> |
-<link rel="import" href="chrome-extension://hhaomjibdihmijegdhdafkllkbggdgoj/foreground/elements/files_icon_button.html"> |
<dom-module id="track-info-panel"> |
<link rel="import" type="css" href="track_info_panel.css"> |
<template> |
- <div class="track"> |
- <div class="icon-wrapper"> |
- <div class="icon-background"></div> |
- <div class="icon" style="background-image: url([[track.artworkUrl]]);"></div> |
+ <div class="track-wrapper"> |
+ <div class="icon-unavailable-expanded"></div> |
+ <div class="icon-expanded" style="background-image: url([[track.artworkUrl]]);"></div> |
+ <div class="track"> |
+ <div class="icon-wrapper"> |
+ <div class="icon" style="background-image: url([[track.artworkUrl]]);"></div> |
+ </div> |
+ <div class="data"> |
+ <div class="data-title">[[track.title]]</div> |
+ <div class="data-artist">[[track.artist]]</div> |
+ </div> |
+ <paper-button toggles |
+ id="expand" |
+ class="expand" |
+ active="{{expanded}}"> |
+ </paper-button> |
</div> |
- <div class="data"> |
- <div class="data-title">[[track.title]]</div> |
- <div class="data-artist">[[track.artist]]</div> |
- </div> |
- <files-icon-button |
- id="expand" |
- class="expand" |
- on-click="expandClick"> |
- </files-icon-button> |
</div> |
</template> |
</dom-module> |