Mirrors/webamp
1
0
Fork 0
mirror of https://github.com/captbaritone/webamp.git synced 2026-08-01 22:45:18 +00:00
Code Issues Projects Releases Wiki Activity

Add playlist window visualizer

Browse source
This commit is contained in:
Jordan Eldredge 2017-11-18 14:10:14 -08:00
parent 308a1bcd3f
commit 0e773a0d31
3 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
css/playlist-window.css
View file

@ -234,7 +234,7 @@
width: 10px;
}
#winamp2-js .playlist-visualizer {
#winamp2-js #playlist-window .playlist-visualizer {
width: 75px;
height: 100%;
position: absolute;
@ -242,6 +242,10 @@
display: none; /* Only show if the window is wide enough */
}
#winamp2-js #playlist-window.wide .playlist-visualizer {
display: block;
}
#winamp2-js #playlist-window .mini-time {
position: absolute;
top: 23px;

3
js/components/PlaylistWindow/__snapshots__/index.test.js.snap
View file

@ -265,6 +265,9 @@ exports[`PlaylistWindow renders to snapshot 1`] = `
<div
className="playlist-bottom-right draggable"
>
<div
className="playlist-visualizer"
/>
<div
className="playlist-running-time-display draggable"
>

4
js/components/PlaylistWindow/index.js
View file

@ -64,7 +64,8 @@ const PlaylistWindow = props => {
};
const classes = classnames("window", "draggable", {
selected: focused === WINDOWS.PLAYLIST
selected: focused === WINDOWS.PLAYLIST,
wide: playlistSize[0] > 2
});
const BASE_WINDOW_HEIGHT = 52;
@ -133,6 +134,7 @@ const PlaylistWindow = props => {
</div>
<div className="playlist-bottom-center draggable" />
<div className="playlist-bottom-right draggable">
<div className="playlist-visualizer" />
<RunningTimeDisplay />
<div className="playlist-action-buttons">
<div className="playlist-previous-button" />