Cloud-CV/EvalAI

View on GitHub
frontend/src/css/modules/leaderboard.scss

Summary

Maintainability
Test Coverage
/* 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;
}