Chromium Code Reviews| 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 |