| 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 |