Adding secondary "Report an Issue" button mobile.

dhermes · dhermes · commit 0f237b9cc020 · 2015-02-24T23:45:47.000-08:00
Responsive CSS reduces the amount of horizontal items at
50em (800px) so we hide the anchored button and reveal one
at the top next to "Version History".
diff --git a/docs/_static/css/main.css b/docs/_static/css/main.css
@@ -752,6 +752,11 @@ h2 .headerlink:hover {
     display: none;
 }
 
+#file-issue-secondary {
+    margin-top: 1em;
+    display: inline-block;
+}
+
 .v-list {
     color: rgba(0,0,0,0.2);
 }
@@ -1029,26 +1034,6 @@ h2 .headerlink:hover {
 
 }
 
-@media only screen and (min-width: 45em) {
-
-    /*
-     Docs Header
-    */
-
-    .versions {
-        position: absolute;
-        top: 6em;
-        right: 2em;
-        margin: 0;
-    }
-
-    .v-btn {
-        font-size: 0.7em;
-        line-height: normal;
-    }
-
-}
-
 @media only screen and (min-width: 50em) {
 
     /*
@@ -1073,6 +1058,10 @@ h2 .headerlink:hover {
         display: inline;
     }
 
+    #file-issue-secondary {
+        display: none;
+    }
+
     /*
      Logo
     */
@@ -1144,7 +1133,15 @@ h2 .headerlink:hover {
     }
 
     .versions {
-        top: 7em;
+        position: absolute;
+        top: 6em;
+        right: 2em;
+        margin: 0;
+    }
+
+    .v-btn {
+        font-size: 0.7em;
+        line-height: normal;
     }
 
     /*
diff --git a/docs/_templates/layout.html b/docs/_templates/layout.html
@@ -108,6 +108,12 @@ <h1 class="page-title">Python</h1>
               Version History ({{ release|e }})
             </a>
           </div><!-- end of .versions -->
+          <div>
+            <a href="{{ issue_uri }}" target="_blank" class="v-btn" id="file-issue-secondary">
+              <img src="_static/images/icon-link-github.svg" />
+              Report an Issue
+            </a>
+          </div>
       </header>
 
       <section class="content">
