Skip to content

F
fordecyt_2019
Commit 4c9f8000 authored by Rodrigo Tapia-McClung's avatar Rodrigo Tapia-McClung
Browse files
Options

Larger flow chart on top and table with scrollbar

parent 8717902b
Hide whitespace changes
Inline Side-by-side
Showing with 31 additions and 10 deletions
public/centropais/index.html
View file @ 4c9f8000
...@@ -75,10 +75,19 @@ ...@@ -75,10 +75,19 @@
<div class="col-md-6" id="story"> <div class="col-md-6" id="story">
<div class="loader"></div> <div class="loader"></div>
<div class="row h-50 border-bottom"> <div class="row h-50 border-bottom">
<!--<div class="col-6 border-right">-->
<div class="col">
<div id="amchartdiv"></div>
</div>
<!--<div class="col-6">
<div id="df-graph"></div>
</div>-->
</div>
<div class="row h-50">
<div class="col-6 border-right"> <div class="col-6 border-right">
<div id="tablediv"> <div id="tablediv">
<table class="table table-dark table-striped" id="tblViajes"> <table class="table table-dark table-striped table-fixed" id="tblViajes">
<thead> <thead class="thead-dark">
<tr> <tr>
<th scope="col">Origen</th> <th scope="col">Origen</th>
<th scope="col">Destino</th> <th scope="col">Destino</th>
...@@ -93,14 +102,6 @@ ...@@ -93,14 +102,6 @@
<div id="perimeter-graph"></div> <div id="perimeter-graph"></div>
</div> </div>
</div> </div>
<div class="row h-50">
<div class="col-6 border-right">
<div id="amchartdiv"></div>
</div>
<div class="col-6">
<div id="df-graph"></div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
......
public/css/style.css
View file @ 4c9f8000
...@@ -246,6 +246,26 @@ span.frac > span { ...@@ -246,6 +246,26 @@ span.frac > span {
font: 12px sans-serif; font: 12px sans-serif;
} }
.table-fixed thead {
width: 100%;
}
.table-fixed tbody {
height:-webkit-calc(100% - 45px);
height:-moz-calc(100% - 45px);
height:calc(100% - 45px);
overflow-y: auto;
position: absolute;
}
.table-fixed tr {
width:100%;
display: inline-table;
table-layout: fixed;
}
/* FIX: if scrollbar is hidden, tr goes beyond padding...
/*.table-fixed tr:has([overflow-y]) + .table-fixed tr {width:calc(100% - 15px);}
/****** /******
Icons Icons
******/ ******/
......
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