Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(243)

Side by Side Diff: ui/file_manager/audio_player/elements/control_panel.css

Issue 2317113002: Remove ::shadow and /deep/ combinator from Files app. (Closed)
Patch Set: Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698