lichess.org
Donate

Paginated Leaderboard in Tournaments

The new UI for the tournaments leaderboard is a bit clunky. If you want to quickly scroll down to the bottom of the list, you have to repeatedly hit page forward button. But on the last page, the buttons jump to a new position and you end up clicking on a game board. As I'm always near the bottom of the list, this affects me greatly :)

Also it doesn't do the orange highlight of my name in the list anymore.
it can be show like this: http://goo.gl/bv7of4

I fixed the div wrap to a height but I also truncated every text (unreasonable long username and score table) that reach a number of characters to suit on 1 line.
the div.pager are position absolute to bottom.
Here is the most part of the css:

#tournament .standing_wrap {position: relative; height: 399px !important;}
table.slist.standing td {height: 31px;padding: 0 0.6em 0 0.6em!important; }
table.slist td.around-bar {display: none; /* or */ height: 1px;}
#tournament div.pager { text-align: center; font-weight: bold; opacity: 0.7; transition: 0.13s; width: 99% ; display: block; position: absolute; bottom: 8px !important; margin-left: auto !important; margin-right: auto !important;}
#tournament table.standing tr.me td:first-child { border-left: 5px solid #d59120; padding-left: 5px !important;}
I didn't saw when the tour had less players than a certain number, it drop the pager to the previous layout. So this css need one correction with height, just replace height: 399px to min-height: 399px

This topic has been archived and can no longer be replied to.