Small styling improvements for viewing on mobile devices.

wolfgangmm · wolfgangmm · commit 15f5a0232ebc · 2014-06-27T18:11:43.000+02:00
diff --git a/browse.html b/browse.html
@@ -2,7 +2,8 @@
 <div class="templates:surround?with=templates/page.html&amp;at=main">
     <h1>XQuery Function Documentation</h1>
     <p>
-        <a href="index.html">Back to Search Page</a>
+        <a href="index.html">
+            <i class="glyphicon glyphicon-chevron-left"/> Back to Search Page</a>
     </p>
     <form class="form-inline">
         <div class="checkbox">
@@ -24,7 +25,7 @@ <h1>XQuery Function Documentation</h1>
         <button class="btn btn-default">Filter</button>
     </form>
     <br/>
-    <div id="results">
+    <div id="modules">
         <table class="table table-striped table-hover table-condensed">
             <thead>
                 <tr>
diff --git a/resources/css/fundocs.css b/resources/css/fundocs.css
@@ -10,14 +10,18 @@
 }
 
 @media (max-width: 767px) {
-    #main>h1 {
+    #main>h1, #main>p, #main>form {
         padding: 0 8px;
     }
     
     #f-load-indicator {
         display: block;
         margin: 8px 0;
     }
+    
+    #modules table td:nth-child(2), #modules table th:nth-child(2) {
+        display: none;
+    }
 }
 
 #fun-query-form input, #fun-query-form select, #fun-query-form button, #fun-query-form a.btn {
diff --git a/templates/page.html b/templates/page.html
@@ -133,25 +133,27 @@
             </div>
         </div>
         <div id="footer">
-            <ul>
-                <li>
-                    <a href="http://exist-db.org">eXist-db.org</a>
-                </li>
-                <li>
-                    <a href="{doc}/documentation.xml">Documentation</a>
-                </li>
-                <li>
-                    <a href="{demo}/index.html">Demo</a>
-                </li>
-                <li>
-                    <a href="/status">Status</a>
-                </li>
-                <li>
-                    <a href="{doc}/legal.xml">Legal</a>
-                </li>
-            </ul>
-            <div id="copyright">
-                <p>Copyright eXist-db Project 2013</p>
+            <div class="container">
+                <ul>
+                    <li>
+                        <a href="http://exist-db.org">eXist-db.org</a>
+                    </li>
+                    <li>
+                        <a href="{doc}/documentation.xml">Documentation</a>
+                    </li>
+                    <li>
+                        <a href="{demo}/index.html">Demo</a>
+                    </li>
+                    <li class="hidden-xs">
+                        <a href="/status">Status</a>
+                    </li>
+                    <li>
+                        <a href="{doc}/legal.xml">Legal</a>
+                    </li>
+                </ul>
+                <div id="copyright" class="hidden-xs">
+                    <p>Copyright eXist-db Project 2013</p>
+                </div>
             </div>
         </div>
         <div class="modal fade" id="loginDialog">
diff --git a/view.html b/view.html
@@ -2,7 +2,8 @@
 <div class="templates:surround?with=templates/page.html&amp;at=main">
     <h1>XQuery Function Documentation</h1>
     <p>
-        <a href="index.html">Search and Browse</a>
+        <a href="index.html">
+            <i class="glyphicon glyphicon-chevron-left"/> Search and Browse</a>
     </p>
     <div class="app:view"/>
 </div>

Original file line number	Diff line number	Diff line change
`@@ -10,14 +10,18 @@`
`10`	`10`	`}`
`11`	`11`
`12`	`12`	`@media (max-width: 767px) {`
`13`		`- #main>h1 {`
	`13`	`+ #main>h1, #main>p, #main>form {`
`14`	`14`	`padding: 0 8px;`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`#f-load-indicator {`
`18`	`18`	`display: block;`
`19`	`19`	`margin: 8px 0;`
`20`	`20`	`}`
	`21`	`+`
	`22`	`+ #modules table td:nth-child(2), #modules table th:nth-child(2) {`
	`23`	`+ display: none;`
	`24`	`+ }`
`21`	`25`	`}`
`22`	`26`
`23`	`27`	`#fun-query-form input, #fun-query-form select, #fun-query-form button, #fun-query-form a.btn {`