Move collapse button into footer of card that it will collapse
This commit is contained in:
parent
6cc1e3eee2
commit
acb5184bd3
13
index.html
13
index.html
|
@ -62,13 +62,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div> <!-- card-body -->
|
</div> <!-- card-body -->
|
||||||
</div> <!-- card -->
|
<div class="card-footer" style="padding:0;">
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<!-- Diagram card -->
|
|
||||||
<div class="card" id="diagram-card">
|
|
||||||
<div class="card-header" style="padding:0;">
|
|
||||||
<div id="toggle-btn">
|
<div id="toggle-btn">
|
||||||
<svg id="icon-up-arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 120 120" xml:space="preserve" transform="rotate(-90)">
|
<svg id="icon-up-arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 120 120" xml:space="preserve" transform="rotate(-90)">
|
||||||
<polygon fill="#010101" points="102.296,59.957 42.264,119.99 25.605,103.34 85.639,43.299 "/>
|
<polygon fill="#010101" points="102.296,59.957 42.264,119.99 25.605,103.34 85.639,43.299 "/>
|
||||||
|
@ -76,7 +70,12 @@
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div> <!-- card -->
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<!-- Diagram card -->
|
||||||
|
<div class="card" id="diagram-card">
|
||||||
<div class="card-body" id="race-infobox"><!-- Race info box automatically filled by JS.--></div> <!-- card-body -->
|
<div class="card-body" id="race-infobox"><!-- Race info box automatically filled by JS.--></div> <!-- card-body -->
|
||||||
|
|
||||||
<div class="card-footer text-muted">
|
<div class="card-footer text-muted">
|
||||||
|
|
Loading…
Reference in New Issue