search

sbachinin / bracketry

Visualize bracket of a knockout tournament in the browser
https://bracketry.app/
MIT License
11 stars 0 forks source link

Any way to suppress the winner's tick? #8

Closed peterlondon1 closed 2 months ago

peterlondon1 commented 3 months ago

I'd like not to show a tick for the winner, but still to retain the bold text for the winner and grey text for the loser.

Is there a way of replacing the tick with an empty string?

thanks.

sbachinin commented 3 months ago

I think now it's possible only with css:

.bracket-root .side-info-item.winner-mark {
      display: none;
}
peterlondon1 commented 3 months ago

That's great, thanks. Is it possible to display a different character instead?

sbachinin commented 3 months ago

Currently the checkmark is hardcoded. With css you can do some tricks though. 

.bracket-root .default-winner-svg {
      display: none !important;
}
.bracket-root .side-info-item.winner-mark::before {
    content: "\2605"
}

content can be only text. In this example it's a single unicode character

peterlondon1 commented 3 months ago

Perfect, thanks so much! I'm nearly done so I hope I don't need to bother you much more! I really appreciate your help.