Hide Fork me banner on small screens

marshmallow-code · Mar 2, 2015 · 708d440 · 708d440
1 parent 85fd6d0
commit 708d440
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/docs/_themes/kr_small/layout.html b/docs/_themes/kr_small/layout.html
@@ -20,7 +20,8 @@
 {% block relbar2 %}
   {% if theme_github_fork %}
 
-    <a href="http://github.com/sloria/webargs"><img style="position: fixed; top: 0; right: 0; border: 0;"
+    <a href="http://github.com/sloria/webargs" class="github">
+    <img style="position: fixed; top: 0; right: 0; border: 0;"
     src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
 
   {% endif %}

diff --git a/docs/_themes/kr_small/static/flasky.css_t b/docs/_themes/kr_small/static/flasky.css_t
@@ -289,3 +289,9 @@ tt.xref, a tt {
 a:hover tt {
     background: #EEE;
 }
+
+@media screen and (max-width: 870px) {
+    .github {
+        display: none;
+    }
+}