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

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

Issue 2305623003: Support to repeat one song in Audio Player. (Closed)
Patch Set: Add a test for 3 repeat mode. Created 4 years, 3 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 /* 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 /* Controls bar. */ 5 /* Controls bar. */
6 .controls { 6 .controls {
7 align-items: center; 7 align-items: center;
8 background-color: white; 8 background-color: white;
9 display: flex; 9 display: flex;
10 flex-direction: column; 10 flex-direction: column;
(...skipping 123 matching lines...) Expand 10 before | Expand all | Expand 10 after
134 visibility: hidden; 134 visibility: hidden;
135 } 135 }
136 136
137 .media-button.shuffle-mode { 137 .media-button.shuffle-mode {
138 background-image: -webkit-image-set( 138 background-image: -webkit-image-set(
139 url(../assets/100/player_button_shuffle.png) 1x, 139 url(../assets/100/player_button_shuffle.png) 1x,
140 url(../assets/200/player_button_shuffle.png) 2x); 140 url(../assets/200/player_button_shuffle.png) 2x);
141 pointer-events: auto; 141 pointer-events: auto;
142 } 142 }
143 143
144 .media-button.repeat { 144 .media-button.repeat-mode {
145 margin-left: 8px; 145 margin-left: 8px;
146 margin-right: 0; 146 margin-right: 0;
147 } 147 }
148 148
149 .media-button.repeat {
150 background-image: -webkit-image-set(
151 url(../assets/100/player_button_repeat.png) 1x,
152 url(../assets/200/player_button_repeat.png) 2x);
153 pointer-events: auto;
154 }
155
156 .media-button.play { 149 .media-button.play {
157 margin-left: 4px; 150 margin-left: 4px;
158 margin-right: 4px; 151 margin-right: 4px;
159 } 152 }
160 153
161 .media-button.play { 154 .media-button.play {
162 background-image: -webkit-image-set( 155 background-image: -webkit-image-set(
163 url(../assets/100/player_button_play.png) 1x, 156 url(../assets/100/player_button_play.png) 1x,
164 url(../assets/200/player_button_play.png) 2x); 157 url(../assets/200/player_button_play.png) 2x);
165 } 158 }
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after
209 /* Invisible div used to compute the width required for the elapsed time. */ 202 /* Invisible div used to compute the width required for the elapsed time. */
210 .time-controls > .time > .current { 203 .time-controls > .time > .current {
211 align-items: center; 204 align-items: center;
212 display: flex; 205 display: flex;
213 flex-direction: row; 206 flex-direction: row;
214 height: 100%; 207 height: 100%;
215 justify-content: flex-end; 208 justify-content: flex-end;
216 position: absolute; 209 position: absolute;
217 top: -1px; 210 top: -1px;
218 } 211 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698