| 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 14 matching lines...) Expand all Loading... |
| 25 align-items: center; | 25 align-items: center; |
| 26 display: flex; | 26 display: flex; |
| 27 flex-direction: row; | 27 flex-direction: row; |
| 28 justify-content: center; | 28 justify-content: center; |
| 29 padding: 0; | 29 padding: 0; |
| 30 } | 30 } |
| 31 | 31 |
| 32 /* Customized scrollbar for the playlist. */ | 32 /* Customized scrollbar for the playlist. */ |
| 33 | 33 |
| 34 .media-button { | 34 .media-button { |
| 35 --files-toggle-ripple-activated: { |
| 36 opacity: 0.1; |
| 37 }; |
| 35 background-color: transparent; | 38 background-color: transparent; |
| 36 border: 0; | 39 border: 0; |
| 37 flex: none; | 40 flex: none; |
| 38 height: 32px; | 41 height: 32px; |
| 39 outline: none; /* TODO(yoshiki): Show outline only on keyboard focus. */ | 42 outline: none; /* TODO(yoshiki): Show outline only on keyboard focus. */ |
| 40 padding: 0; | 43 padding: 0; |
| 41 position: relative; | 44 position: relative; |
| 42 width: 32px; | 45 width: 32px; |
| 43 } | 46 } |
| 44 | 47 |
| (...skipping 161 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 206 /* Invisible div used to compute the width required for the elapsed time. */ | 209 /* Invisible div used to compute the width required for the elapsed time. */ |
| 207 .time-controls > .time > .current { | 210 .time-controls > .time > .current { |
| 208 align-items: center; | 211 align-items: center; |
| 209 display: flex; | 212 display: flex; |
| 210 flex-direction: row; | 213 flex-direction: row; |
| 211 height: 100%; | 214 height: 100%; |
| 212 justify-content: flex-end; | 215 justify-content: flex-end; |
| 213 position: absolute; | 216 position: absolute; |
| 214 top: -1px; | 217 top: -1px; |
| 215 } | 218 } |
| OLD | NEW |