Add styles to make the headers vertical.
authorAnt Zucaro <azucaro@gmail.com>
Fri, 6 Oct 2017 01:10:30 +0000 (21:10 -0400)
committerAnt Zucaro <azucaro@gmail.com>
Fri, 6 Oct 2017 01:10:30 +0000 (21:10 -0400)
xonstat/static/css/app.css
xonstat/templates/frag_matrix.mako

index 17c6a11..16df516 100644 (file)
@@ -310,3 +310,16 @@ ul.accordion {
 .tabs-content {
   margin-bottom: 0;
 }
+
+/* Tables with vertical headers */
+.rotated {
+  font-size: 10px;
+  font-weight: normal;
+  overflow: hidden;
+  white-space: nowrap;
+  writing-mode: vertical-lr;
+}
+
+td.bg {
+  background-color: #001021;
+}
index ee321b6..7c1c5ce 100644 (file)
@@ -2,17 +2,17 @@
 
 ## Displays a frag matrix table, in scoreboardpos order from top to bottom and left to right
 
-<table class="table-hover table-condensed">
+<table>
   <thead>
     <th></th>
     % for pgstat in pgstats:
-    <th>${pgstat.nick_html_colors()|n}</th>
+    <th><span class="rotated">${pgstat.nick_html_colors()|n}</span></th>
     % endfor
   </thead>
 
   % for fragger in pgstats:
   <tr>
-    <td>${fragger.nick_html_colors()|n}</td>
+    <td class="bg">${fragger.nick_html_colors()|n}</td>
     % for victim in pgstats:
     <%
       pgfm = matrix_by_pgstat_id.get(fragger.player_game_stat_id)