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 123 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
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 Loading... |
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 } |
OLD | NEW |