Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(65)

Side by Side Diff: ui/file_manager/audio_player/elements/track_info_panel.html

Issue 1657623002: Implement "expand/collapse artwork" button in audio player. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: sorting css prop. Created 4 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!-- 1 <!--
2 -- Copyright 2016 The Chromium Authors. All rights reserved. 2 -- Copyright 2016 The Chromium Authors. All rights reserved.
3 -- Use of this source code is governed by a BSD-style license that can be 3 -- Use of this source code is governed by a BSD-style license that can be
4 -- found in the LICENSE file. 4 -- found in the LICENSE file.
5 --> 5 -->
6 6
7 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> 7 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">
8 <link rel="import" href="chrome://resources/polymer/v1_0/font-roboto/roboto.html "> 9 <link rel="import" href="chrome://resources/polymer/v1_0/font-roboto/roboto.html ">
9 <link rel="import" href="chrome-extension://hhaomjibdihmijegdhdafkllkbggdgoj/for eground/elements/files_icon_button.html">
10 10
11 <dom-module id="track-info-panel"> 11 <dom-module id="track-info-panel">
12 <link rel="import" type="css" href="track_info_panel.css"> 12 <link rel="import" type="css" href="track_info_panel.css">
13 <template> 13 <template>
14 <div class="track"> 14 <div class="track-wrapper">
15 <div class="icon-wrapper"> 15 <div class="icon-unavailable-expanded"></div>
16 <div class="icon-background"></div> 16 <div class="icon-expanded" style="background-image: url([[track.artworkUrl ]]);"></div>
17 <div class="icon" style="background-image: url([[track.artworkUrl]]);">< /div> 17 <div class="track">
18 <div class="icon-wrapper">
19 <div class="icon" style="background-image: url([[track.artworkUrl]]);" ></div>
20 </div>
21 <div class="data">
22 <div class="data-title">[[track.title]]</div>
23 <div class="data-artist">[[track.artist]]</div>
24 </div>
25 <paper-button toggles
26 id="expand"
27 class="expand"
28 active="{{expanded}}">
29 </paper-button>
18 </div> 30 </div>
19 <div class="data">
20 <div class="data-title">[[track.title]]</div>
21 <div class="data-artist">[[track.artist]]</div>
22 </div>
23 <files-icon-button
24 id="expand"
25 class="expand"
26 on-click="expandClick">
27 </files-icon-button>
28 </div> 31 </div>
29 </template> 32 </template>
30 </dom-module> 33 </dom-module>
31 34
32 <script src="track_info_panel.js"></script> 35 <script src="track_info_panel.js"></script>
OLDNEW
« no previous file with comments | « ui/file_manager/audio_player/elements/track_info_panel.css ('k') | ui/file_manager/audio_player/elements/track_info_panel.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698