Separator line or divider between the left pane and the music library is too wide

[GoogleCodeExporter]

As posted by bertzzie: http://www.osnews.com/comments/25531

What steps will reproduce the problem?
1. Look at the seperator line or divider between the left pane and the music 
library.
2.
3.

What should have happened?
The line width is not consistent with Explorer. Make the width of the line the 
same as Explorer.

What happened instead?
The line is too wide.

Can you give us any additional information that could be useful in fixing
this bug?
I know that the hit area is too small when the line is thinner, but in 
retrospect, Stoffi looks much better with the thin line. Explorer also suffers 
from a very small hit area, so let's make Stoffi look better and keep this 
issue open as a reminder to find a solution to making the divider easier to 
select. So what we want is: thin to look at, and easier to select with the 
mouse.

What release of Stoffi are you using (Xia or Shang)?
Zhou

If you are using alpha or beta, please state which:
Beta Three

Original issue reported on code.google.com by wic...@gmail.com on 22 Apr 2012 at 8:43

[GoogleCodeExporter]

I'll copy my response in the comment here:

Good point. I have actually made it a bit broader as a temporary solution. 
Since if I make it thinner it will be hard to hit. It seems that I want a broad 
hit area and a thin line. But I have not yet figured out how to have the hit 
area differ from the painted line. But definitely something I should fix.  :)

Original comment by christof...@stoffiplayer.com on 22 Apr 2012 at 9:39

• Changed state: Accepted
• Added labels: Milestone-Han

[GoogleCodeExporter]

For Zhou, can you please make it thin?

For Qin, possibly find a permanent solution?

Original comment by wic...@gmail.com on 22 Apr 2012 at 9:43

[GoogleCodeExporter]

You won't be able to use it if it's thinner. The hit target is just too small. 
Better to have it usable than good looking as a temporary solution.

Original comment by ephracis on 22 Apr 2012 at 11:13

[GoogleCodeExporter]

This issue was closed by revision r1047.

Original comment by christof...@stoffiplayer.com on 23 Apr 2012 at 12:48

• Changed state: Fixed

[GoogleCodeExporter]

How did you fix this?

I understood your response about the hit target being too small, so how did you 
get around that?

Original comment by wic...@gmail.com on 23 Apr 2012 at 5:24

[GoogleCodeExporter]

I added a transparent and 5px wide border on both the left and right side, gave 
the splitter a -5 margin on both the left and right side, and I increased the 
size of the splitter to 11px.

This puts the navigation and content right beside the painted splitter (the -5 
margin makes them "overlap" the transparent border). So the hit area is now 
11px side (which I think is enough) but the painted line is only 1px (which I 
believe is the same as in Explorer).

Hope you'll like it. :)

Original comment by christof...@stoffiplayer.com on 23 Apr 2012 at 10:40

[GoogleCodeExporter]

Well done! That sounds perfect.

I can confirm that Explorer's splitter is 1px wide.

Original comment by wic...@gmail.com on 23 Apr 2012 at 12:06