OLD | NEW |
---|---|
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 120 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
131 visibility: hidden; | 131 visibility: hidden; |
132 } | 132 } |
133 | 133 |
134 .media-button.shuffle-mode { | 134 .media-button.shuffle-mode { |
135 background-image: -webkit-image-set( | 135 background-image: -webkit-image-set( |
136 url(../assets/100/player_button_shuffle.png) 1x, | 136 url(../assets/100/player_button_shuffle.png) 1x, |
137 url(../assets/200/player_button_shuffle.png) 2x); | 137 url(../assets/200/player_button_shuffle.png) 2x); |
138 pointer-events: auto; | 138 pointer-events: auto; |
139 } | 139 } |
140 | 140 |
141 .media-button.repeat { | 141 .media-button.repeatMode { |
fukino
2016/09/09 05:31:45
Use .repeat-mode to be consistent with .shuffle-mo
harukam
2016/09/09 11:53:45
Acknowledged.
| |
142 margin-left: 8px; | 142 margin-left: 8px; |
143 margin-right: 0; | 143 margin-right: 0; |
144 } | 144 } |
145 | 145 |
146 .media-button.repeat { | |
147 background-image: -webkit-image-set( | |
148 url(../assets/100/player_button_repeat.png) 1x, | |
149 url(../assets/200/player_button_repeat.png) 2x); | |
150 pointer-events: auto; | |
151 } | |
152 | |
153 .media-button.play { | 146 .media-button.play { |
154 margin-left: 4px; | 147 margin-left: 4px; |
155 margin-right: 4px; | 148 margin-right: 4px; |
156 } | 149 } |
157 | 150 |
158 .media-button.play { | 151 .media-button.play { |
159 background-image: -webkit-image-set( | 152 background-image: -webkit-image-set( |
160 url(../assets/100/player_button_play.png) 1x, | 153 url(../assets/100/player_button_play.png) 1x, |
161 url(../assets/200/player_button_play.png) 2x); | 154 url(../assets/200/player_button_play.png) 2x); |
162 } | 155 } |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
206 /* Invisible div used to compute the width required for the elapsed time. */ | 199 /* Invisible div used to compute the width required for the elapsed time. */ |
207 .time-controls > .time > .current { | 200 .time-controls > .time > .current { |
208 align-items: center; | 201 align-items: center; |
209 display: flex; | 202 display: flex; |
210 flex-direction: row; | 203 flex-direction: row; |
211 height: 100%; | 204 height: 100%; |
212 justify-content: flex-end; | 205 justify-content: flex-end; |
213 position: absolute; | 206 position: absolute; |
214 top: -1px; | 207 top: -1px; |
215 } | 208 } |
OLD | NEW |