Start work on playlist scoll handle

This commit is contained in:
Jordan Eldredge 2017-09-14 20:42:55 -07:00
parent 72d456bf98
commit 75ac21322a
4 changed files with 27 additions and 1 deletions

View file

@ -42,6 +42,14 @@
background-repeat: repeat-y;
height: 100%;
background-position: top right;
padding-right: 7px;
padding-top: 0px;
}
#winamp2-js .playlist-scrollbar {
height: 100%;
float: right;
width: 8px;
}
#winamp2-js .playlist-bottom {

View file

@ -37,6 +37,8 @@ const PlaylistWindow = props => {
<div id="shade-playlist" />
</div>
</div>
{/* Eventual content lives here */}
<div className="playlist-scrollbar" />
<div className="playlist-bottom">
<div className="playlist-bottom-left" />
<div className="playlist-visualizer" />

View file

@ -70,6 +70,8 @@ const imageSelectors = {
PLAYLIST_TOP_RIGHT_CORNER_SELECTED: [".selected .playlist-top-right"],
PLAYLIST_LEFT_TILE: [".playlist-left"],
PLAYLIST_RIGHT_TILE: [".playlist-right"],
PLAYLIST_SCROLL_HANDLE: [".playlist-scrollbar"],
PLAYLIST_SCROLL_HANDLE_SELECTED: [".playlist-scrollbar:active"],
PLAYLIST_BOTTOM_TILE: [".playlist-bottom"],
PLAYLIST_BOTTOM_LEFT_CORNER: [".playlist-bottom-left"],
PLAYLIST_BOTTOM_RIGHT_CORNER: [".playlist-bottom-right"],

View file

@ -215,7 +215,21 @@ export default {
width: 75,
height: 38
},
{ name: "PLAYLIST_SHADE_BACKGROUND", x: 72, y: 57, width: 25, height: 14 }
{ name: "PLAYLIST_SHADE_BACKGROUND", x: 72, y: 57, width: 25, height: 14 },
{
name: "PLAYLIST_SCROLL_HANDLE",
x: 61,
y: 53,
width: 8,
height: 18
},
{
name: "PLAYLIST_SCROLL_HANDLE_SELECTED",
x: 52,
y: 53,
width: 8,
height: 18
}
],
EQ_EX: [
{