Download as
Browse Code »

Commit 6f1ee21cc2ed79405ba3cd65e7576b7c15222da6

Authored by Athos
1 parent 7585239a
Exists in master and in 2 other branches packaging_status, refactor

Improve table display for small screens 

Signed-off-by: Arthur Del Esposte <arthurmde@gmail.com>
Signed-off-by: Athos Ribeiro <athoscribeiro@gmail.com>
Signed-off-by: Rodrigo Siqueira <rodrigosiqueiramelo@gmail.com>
Showing 1 changed file with 19 additions and 15 deletions   Show diff stats
template.html.tt
  Diff comments   View file @6f1ee21
@@ -29,7 +29,7 @@ @@ -29,7 +29,7 @@
29 <div class="jumbotron"> 29 <div class="jumbotron">
30 <p class="lead">This app fetches data from softwarepublico Copr EPEL7 repositories and compares package versions. In short, a red cell means that the package version differ from the git one (<b>note that this is NOT necessarily a bad thing</b>).</p> 30 <p class="lead">This app fetches data from softwarepublico Copr EPEL7 repositories and compares package versions. In short, a red cell means that the package version differ from the git one (<b>note that this is NOT necessarily a bad thing</b>).</p>
31 <div class="row"> 31 <div class="row">
32 - <div class="col-md-6 col-md-offset-3"> 32 + <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-12 col-xs-12">
33 <table class="table table-striped"> 33 <table class="table table-striped">
34 <tr> 34 <tr>
35 <td class="success">Versions match</td> 35 <td class="success">Versions match</td>
@@ -42,22 +42,26 @@ @@ -42,22 +42,26 @@
42 </div> 42 </div>
43 </div> 43 </div>
44 44
45 - <table class="table table-striped">  
46 - <tr>  
47 - <th>PACKAGE</th>  
48 - <th>git</th>  
49 - <th>softwarepublico/v4</th>  
50 - <th>softwarepublico/v5</th>  
51 - </tr>  
52 - {$table_entries}  
53 - </table> 45 + <div class="row">
  46 + <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive">
  47 + <table class="table table-striped">
  48 + <tr>
  49 + <th>PACKAGE</th>
  50 + <th>git</th>
  51 + <th>softwarepublico/v4</th>
  52 + <th>softwarepublico/v5</th>
  53 + </tr>
  54 + {$table_entries}
  55 + </table>
  56 + </div>
  57 + </div>
54 58
55 - <footer class="footer">  
56 - <p>2015 LAPPIS - #softwarepublico @ Freenode</p>  
57 - </footer> 59 + <footer class="footer">
  60 + <p>2015 LAPPIS - #softwarepublico, #lappis, #ccsl-usp @ Freenode</p>
  61 + </footer>
58 62
59 - </div>  
60 - <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 63 + </div>
  64 + <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
61 <script src="js/bootstrap.min.js"></script> 65 <script src="js/bootstrap.min.js"></script>
62 </body> 66 </body>
63 </html> 67 </html>