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 |