Commit 6a4b58db authored by Guus Hoekman's avatar Guus Hoekman

average points

parent 48b67757
......@@ -13,9 +13,9 @@ layout: base
</div>
</section>
<section class="section season-table">
<section class="section season-table single-season">
<div class="container">
<div class="columns is-gapless is-mobile is-multiline tables">
<div class="columns is-gapless is-mobile is-multiline">
<div class="column information is-12-mobile is-4-tablet is-3-widescreen">
<h1 class="title is-size-5-touch is-size-4-desktop">{{ page.season }} season</h1>
<div class="legend is-hidden-mobile">
......@@ -36,6 +36,20 @@ layout: base
</div>
{% endif %}
</div>
<div class="column league">
<div class="tabs is-centered">
<ul>
<li class="is-active"><a data-tab="per-game">Points per game</a></li>
<li><a data-tab="total">Total points</a></li>
</ul>
</div>
<div class="columns tables is-active per-game">
</div>
<div class="columns tables total">
</div>
</div>
</div>
</div>
</section>
......
......@@ -20,13 +20,6 @@
margin-bottom: 2rem;
}
}
.toggle-grid {
margin-bottom: 2rem;
label {
font-size: 1rem !important;
padding-top: 0 !important;
}
}
.leagues {
.card {
img {
......@@ -211,6 +204,7 @@
}
}
.column.points {
padding: 0;
border-right: none;
max-width: 25px;
.points-wrap {
......@@ -225,6 +219,7 @@
}
}
.column.league {
padding: 0;
tbody {
border-right: 1px solid #efefef;
transition: border-color 0.5s;
......@@ -270,6 +265,12 @@
.columns.is-grid .table tbody tr, .columns.is-grid .table tbody {
border-color: #999;
}
.columns.tables:not(.is-active) {
display: none;
}
&.single-season {
padding-top: 0;
}
}
.leagues-page {
......
......@@ -26,7 +26,7 @@ title: Home
<h3 class="title is-4">Live tables <span class="is-size-7">(last updated: <span class="last-update"></span>)</span></h3>
</div>
</div>
<div class="columns tables is-gapless is-mobile is-multiline">
<div class="columns is-active is-gapless is-mobile is-multiline">
<div class="column information is-12-mobile is-4-tablet">
<div class="basic-info content">
<p>
......@@ -55,6 +55,20 @@ title: Home
<label for="toggleGrid">Toggle grid</label>
</div>
</div>
<div class="column league">
<div class="tabs is-centered">
<ul>
<li class="is-active"><a data-tab="per-game">Points per game</a></li>
<li><a data-tab="total">Total points</a></li>
</ul>
</div>
<div class="columns tables is-active per-game">
</div>
<div class="columns tables total">
</div>
</div>
</div>
</div>
</section>
......
This diff is collapsed.
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment