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

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

Issue 1657623002: Implement "expand/collapse artwork" button in audio player. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: sorting css prop. Created 4 years, 10 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 2013 The Chromium Authors. All rights reserved. 1 /* Copyright 2013 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 html { 5 html {
6 height: 100%; 6 height: 100%;
7 } 7 }
8 8
9 body { 9 body {
10 -webkit-user-select: none; 10 -webkit-user-select: none;
11 display: flex; 11 display: flex;
12 flex-direction: column; 12 flex-direction: column;
13 height: 100%; 13 height: 100%;
14 margin: 0; 14 margin: 0;
15 overflow: hidden; 15 overflow: hidden;
16 padding: 0; 16 padding: 0;
17 } 17 }
18 18
19 .header { 19 .header {
20 background: #fff; 20 background: #fff;
21 border-bottom: 1px solid #ddd; 21 border-bottom: 1px solid #ddd;
22 height: 32px; 22 height: 32px;
23 } 23 }
24 24
25 div.audio-player { 25 div.audio-player {
26 border-top: 4px solid white; 26 border-top: 4px solid white;
27 box-sizing: border-box;
27 color: #3d3d3d; 28 color: #3d3d3d;
28 cursor: default; 29 cursor: default;
29 flex: 1 1 auto; 30 flex: 1 1 auto;
30 font-size: 10pt; 31 font-size: 10pt;
31 height: 100%; 32 height: 100%;
32 position: relative; 33 position: relative;
33 } 34 }
34 35
35 .audio-player:not(.collapsed):not(.single-track) > .title-button { 36 .audio-player:not(.collapsed):not(.single-track) > .title-button {
36 background-color: #1f1f1f; 37 background-color: #1f1f1f;
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
68 border-right: 0 solid transparent; 69 border-right: 0 solid transparent;
69 border-top: 0 solid transparent; 70 border-top: 0 solid transparent;
70 } 71 }
71 72
72 ::-webkit-scrollbar-track:vertical { 73 ::-webkit-scrollbar-track:vertical {
73 background-clip: padding-box; 74 background-clip: padding-box;
74 background-color: rgba(255, 255, 255, 0.5); 75 background-color: rgba(255, 255, 255, 0.5);
75 border-left: 5px solid transparent; 76 border-left: 5px solid transparent;
76 border-right: 0 solid transparent; 77 border-right: 0 solid transparent;
77 } 78 }
OLDNEW
« no previous file with comments | « ui/file_manager/audio_player/assets/200/player_no_artwork.png ('k') | ui/file_manager/audio_player/elements/audio_player.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698