frontend/src/css/modules/leaderboard.scss
/* Styles for leaderboard page */
.horizontal-scroll {
overflow-x: auto;
}
#baseline-badge {
font-weight: 300;
min-width: 0rem;
font-size: 16px;
float: right;
margin-left: 5px;
}
#baseline-badge-desc {
font-weight: 300;
min-width: 0rem;
font-size: 16px;
margin-left: 0px;
float: none;
}
#verified-badge {
font-weight: 300;
min-width: 0rem;
font-size: 16px;
float: right;
margin-left: 5px;
}
#verified-badge-desc {
font-weight: 300;
min-width: 0rem;
font-size: 16px;
margin-left: 0px;
float: none;
}
.highlightLeaderboard {
border-color: #fff3e0;
box-shadow: 0 0 0 0.2em #ffcc80 !important;
border: 1px solid #d1d5da;
border-radius: 3px;
background-color: #f2f2f2;
}
.sort-leaderboard-switch {
vertical-align: middle;
display: inline-block;
}
.baseline-tag {
margin-right: 4%;
}
.complete-leaderboard {
vertical-align:top;
}
span.badge.partial-evaluation {
min-width: 3rem;
padding: 0 6px;
text-align: center;
font-size: 1rem;
line-height: inherit;
float: left;
box-sizing: border-box;
}
.leaderboard-label .description {
visibility: hidden;
width: auto;
max-width: 250px;
height: auto;
background-color: #f2f2f2;
color: #000000;
text-align: center;
border-radius: 6px;
padding: 10px 10px 10px 10px;
font-size: 1.05rem;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.leaderboard-label:hover .description {
visibility: visible;
}