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

Side by Side Diff: ui/file_manager/audio_player/elements/track_list.css

Issue 1431523003: AudioPlayer: Start playing a track when play icon on the track list is clicked. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Set pointer-events property properly. Add comment for arguments. Created 5 years, 1 month 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 /* Copyright 2014 The Chromium Authors. All rights reserved. 1 /* Copyright 2014 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 :host { 5 :host {
6 align-items: center; 6 align-items: center;
7 background: rgb(245, 245, 245); 7 background: rgb(245, 245, 245);
8 bottom: 72px; /* Room for the controls bar. */ 8 bottom: 72px; /* Room for the controls bar. */
9 color: rgb(51, 51, 51); 9 color: rgb(51, 51, 51);
10 cursor: default; 10 cursor: default;
(...skipping 28 matching lines...) Expand all
39 background-color: rgba(0, 0, 0, 0.08); 39 background-color: rgba(0, 0, 0, 0.08);
40 } 40 }
41 41
42 /* Track icon. */ 42 /* Track icon. */
43 .track .icon { 43 .track .icon {
44 background-position: center; 44 background-position: center;
45 background-repeat: no-repeat; 45 background-repeat: no-repeat;
46 flex: none; 46 flex: none;
47 height: 32px; 47 height: 32px;
48 margin: 8px; 48 margin: 8px;
49 pointer-events: none;
49 width: 32px; 50 width: 32px;
50 } 51 }
51 52
52 .track:hover .icon { 53 .track:hover .icon {
53 background-image: -webkit-image-set( 54 background-image: -webkit-image-set(
54 url(../assets/100/playlist_play.png) 1x, 55 url(../assets/100/playlist_play.png) 1x,
55 url(../assets/200/playlist_play.png) 2x); 56 url(../assets/200/playlist_play.png) 2x);
57 pointer-events: auto;
56 } 58 }
57 59
58 .track[active] .icon { 60 .track[active] .icon {
59 background-image: -webkit-image-set( 61 background-image: -webkit-image-set(
60 url(../assets/100/playlist_now_playing.png) 1x, 62 url(../assets/100/playlist_now_playing.png) 1x,
61 url(../assets/200/playlist_now_playing.png) 2x); 63 url(../assets/200/playlist_now_playing.png) 2x);
62 } 64 }
63 65
64 /* Track data. */ 66 /* Track data. */
65 67
(...skipping 16 matching lines...) Expand all
82 .track .data .data-title { 84 .track .data .data-title {
83 color: rgb(51, 51, 51); 85 color: rgb(51, 51, 51);
84 font-size: 13px; 86 font-size: 13px;
85 font-weight: 500; 87 font-weight: 500;
86 } 88 }
87 89
88 .track .data .data-artist { 90 .track .data .data-artist {
89 color: rgb(100, 100, 100); 91 color: rgb(100, 100, 100);
90 font-size: 12px; 92 font-size: 12px;
91 } 93 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698