diff --git a/drum-machine/README.md b/drum-machine/README.md index 8a93163..15fd777 100644 --- a/drum-machine/README.md +++ b/drum-machine/README.md @@ -10,10 +10,9 @@ ### TODOS -* bind 'v' key to focus volume slider * increase granularity of esc key function in selection menus back navigation * add focus() to selectionMenuItems so that you can immediately begin scrolling with arrow keys * add tip for scrolling selectionMenuItems -* move selectionMenu scroller to the left * make sure metronome continues on volume, sound, or metronome BPM change * add additional metronome speed values +* fix toolstips for menuselectionitems diff --git a/drum-machine/drumMachine.css b/drum-machine/drumMachine.css index af3c1cc..0d7a3f0 100644 --- a/drum-machine/drumMachine.css +++ b/drum-machine/drumMachine.css @@ -135,24 +135,28 @@ body { .selectionMenu { margin: auto; background-color: var(--global-third-color); - border-radius: 1rem; + border-radius: 5px; width: 54vh; height: 45vh; display: flex; flex-direction: column; flex: 1; overflow: auto; - scrollbar-color: black var(--global-fourth-color); + scrollbar-color: var(--global-black-color) var(--global-second-color); + scrollbar-width: thin; padding-top: 10px; padding-bottom: 10px; + direction: rtl; } .selectionMenu::-webkit-scrollbar { - background-color: var(--global-fourth-color); + background-color: var(--global-third-color); + border-radius: 5px; } .selectionMenu::-webkit-scrollbar-thumb { - background-color: black; + background-color: var(--global-black-color); + border-radius: 5px; } .selectionMenuItem, .volumeSelectionMenuItem, .metronomeSelectionMenuItem {