search

teijo / jquery-bracket

jQuery Bracket library for organizing single and double elimination tournaments
http://aropupu.fi/bracket/
MIT License
483 stars 254 forks source link

Lower Bracket flush with Upper Bracket #135

Open jeansenecal opened 6 years ago

jeansenecal commented 6 years ago

Hello, I was wondering what I would need to change in the CSS or JS to make the Upper bracket matches start level with the lower bracket matches like in the picture below: screenshot-2018-1-11 tour I suppose the roundMargin for the Upper Bracket has to be increased without affecting the Lower Bracket, but I don't know how. Thank You for your help.

teijo commented 6 years ago

It's not supported out of the box, but you could calculate the resizing parameters proportionally for the winner bracket, i.e. scale the widths or margins the way you want. The number of winner and loser bracket rounds can be calculated from team count, allowing you to compensate the winner bracket (with less rounds) proportions based on the difference.

This would require code changes though.