From 0cf529e3e3a3bb67301bd7008f8d8652cf8ed23c Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Sat, 29 Sep 2018 09:35:59 +0200
Subject: [PATCH] adding max height as a class

---
 rowers/templates/agegroupchart.html |  2 +-
 rowers/templates/agegroupcp.html    |  2 +-
 rowers/templates/list_workouts.html |  2 +-
 static/css/styles2.css              | 32 +++++++++++++++++++++++++++++
 templates/newbase.html              |  2 +-
 5 files changed, 36 insertions(+), 4 deletions(-)

diff --git a/rowers/templates/agegroupchart.html b/rowers/templates/agegroupchart.html
index 2632e3b5..606c2f84 100644
--- a/rowers/templates/agegroupchart.html
+++ b/rowers/templates/agegroupchart.html
@@ -17,7 +17,7 @@
 <h1>Interactive Plot</h1>
 
 <ul class="main-content">
-  <li class="grid_4">
+  <li class="maxheight grid_4">
     <p>This chart shows the
       <a href="http://www.concept2.com/indoor-rowers/racing/records/world">
         Indoor Rower World Records
diff --git a/rowers/templates/agegroupcp.html b/rowers/templates/agegroupcp.html
index 90432591..5c466d40 100644
--- a/rowers/templates/agegroupcp.html
+++ b/rowers/templates/agegroupcp.html
@@ -18,7 +18,7 @@
 <h1>Interactive Plot</h1>
 
 <ul class="main-content">
-  <li class="grid_4">
+  <li class="maxheight grid_4">
     {{ the_div|safe }}
   </li>
 </ul>
diff --git a/rowers/templates/list_workouts.html b/rowers/templates/list_workouts.html
index 443eefc3..a5c32f9f 100644
--- a/rowers/templates/list_workouts.html
+++ b/rowers/templates/list_workouts.html
@@ -150,7 +150,7 @@ xo
     {% endif %}
     </p>
   </li>
-  <li class="grid_4">
+  <li class="maxheight grid_4">
     
     {% if workouts %}
     <table width="100%" class="listtable shortpadded">
diff --git a/static/css/styles2.css b/static/css/styles2.css
index a5b8e547..74108430 100644
--- a/static/css/styles2.css
+++ b/static/css/styles2.css
@@ -385,6 +385,10 @@
     grid-column-end: span 1;
 }
 
+.maxheight {
+    max-height: 300px;
+    overflow: scroll;
+}
 
 .main-content li.grid_4 {
     grid-column-end: span 1;
@@ -397,6 +401,34 @@
     padding: 5px;
 }
 
+@media (min-height: 600px) {
+    .maxheight {
+        max-height: 450px;
+        overflow: scroll;
+    }
+}
+    
+@media (min-height: 600px) {
+    .maxheight {
+        max-height: 450px;
+        overflow: scroll;
+    }
+}
+    
+@media (min-height: 800px) {
+    .maxheight {
+        max-height: 600px;
+        overflow: scroll;
+    }
+}
+
+@media (min-height: 1000px) {
+    .maxheight {
+        max-height: 800px;
+        overflow: scroll;
+    }
+}
+
 @media (max-width: 600px) {
     nav a {
         font-size: 0px;
diff --git a/templates/newbase.html b/templates/newbase.html
index f49e4855..c8f73fc9 100644
--- a/templates/newbase.html
+++ b/templates/newbase.html
@@ -119,7 +119,7 @@
       var active = "#{{ active }}";
       $(active).addClass("nav-active");
       });
-      </script>
+    </script>
     {% analytical_head_bottom %}
   </head>