craigsapp / website-polish-scores

Front-end for digital transcriptions of the Polish Music Heritage in Open Access project
https://polishscores.org
3 stars 1 forks source link

Style of Keyscape tool panel #155

Closed craigsapp closed 2 years ago

craigsapp commented 2 years ago

Keyscape tool background was set to white in the new style, but a problem is that it will now overlay the music, causing a confusing boundary between the panel and the music:

Screen Shot 2022-05-31 at 1 09 05 AM

One solution was to make the keyscape panel background gray, but white was preferred to avoid color matching with the composer/library area. Another solution could be to make the keyscape panel background slightly transparent, possibly with a linear gradient to smooth out the border.

craigsapp commented 2 years ago

The tool pane is slightly transparent now:

Screen Shot 2022-06-04 at 8 58 29 AM

which makes the empty regions look better.

However, the transparency is annoying when trying to take screen shots of the keyscape. Therefore, there is a keyboard shortcut, o, which is implemented in this commit to toggle the tool background to be fully opaque. When opaque, the keyscape options on the right are hidden (to give a cleaner screenshot).

Screen Shot 2022-06-04 at 9 02 53 AM

The key label and measure range is not suppressed since it is off by default and only turns on when hovering over the keyscape:

Screen Shot 2022-06-04 at 9 03 43 AM