Proper mobile view of About page

Mobile view of about page looks fine now by adding scrolling feature. Fixes #298
coala · Jan 15, 2019 · 7d3c1da · 7d3c1da
1 parent 88f354e
commit 7d3c1da
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/partials/tabs/about.html b/partials/tabs/about.html
@@ -129,3 +129,4 @@ <h2 class="fine center">about</h2>
   $('ul.tabs').tabs();
 });
 </script>
+<link rel="stylesheet" href="/resources/css/people.css">
diff --git a/resources/css/people.css b/resources/css/people.css
@@ -51,3 +51,16 @@
 .profile-bio > p:before, .profile-bio > p:after {
   content: ' " ';
 }
+
+@media only screen and (max-width: 600px) {
+  .card.small .card-content, .card.medium .card-content, .card.large .card-content {
+    max-height: 80%;
+    overflow: scroll;
+  }
+}
+@media only screen and (min-width: 601px) {
+  .card.small .card-content, .card.medium .card-content, .card.large .card-content {
+    max-height: 80%;
+    overflow: scroll;
+  }
+}