From: paul <paul@plutz.net>
Date: Wed, 12 Oct 2016 10:11:51 +0000 (+0000)
Subject: tabbing in quicklinks, small screen menu
X-Git-Url: https://git.plutz.net/?a=commitdiff_plain;h=8558bcda00c4ec0fb953ff64e4b44e985b37951e;p=serve0

tabbing in quicklinks, small screen menu

svn path=/trunk/; revision=153
---

diff --git a/static/common.css b/static/common.css
index 94c0c29..ede3339 100644
--- a/static/common.css
+++ b/static/common.css
@@ -115,16 +115,17 @@ body.playctl:before {
 input[name=topmenu] {display: none;}
 input[name=topmenu] + label {
   position: relative;
-  top: -3em;
-  max-width: 25%;
-  margin: .5em 0 0 0;
+  top: -2.5em;
   display: inline-block;
   text-decoration: none;
-  padding: .5em 1.5em;
+  padding: .5em .5em;
   line-height: 1.25em;
   transition: none;
   border: 1px none #FFF;
+  text-align: center;
 }
+@media (min-width: 620px){input[name=topmenu] + label { padding: .5em 1.5em; }}
+
 input[name=topmenu]:checked + label {
   background-color: #333;
   margin-left: -1px; margin-top: -1px;
diff --git a/templates/quicklinks.html.sh b/templates/quicklinks.html.sh
index d85b595..099916c 100755
--- a/templates/quicklinks.html.sh
+++ b/templates/quicklinks.html.sh
@@ -16,6 +16,7 @@
 # along with Serve0  If not, see <http://www.gnu.org/licenses/>. 
 
 cat <<EOF
+  <input type=radio name=topmenu id=btn_search checked><label for=btn_search>Search</label>
   <form class="panel" id="search" action="?" method="get" accept-charset="UTF-8">
     <input type="text" name="s" value="$search" placeholder="Search">
 
@@ -27,11 +28,24 @@ cat <<EOF
     </select>
     <!-- input type="submit" name="submit" value="Find" -->
 
-    <a class="panel clearsearch" href="?">Clear All</a>
-    <a class="panel toggle" href="#advfilter">Advanced</a>
-    <a class="panel" href="?p=playctl">Player</a>
+    <a class="panel clearsearch" href="?">Clear</a>
   </form>
 
+  <input type=radio name=topmenu id=btn_advfilter><label for=btn_advfilter>Advanced</label>
+  $(. $_EXEC/templates/advfilter.html.sh)
+
+  <input type=radio name=topmenu id=btn_preferences><label for=btn_preferences>Preferences</label>
+  $(. $_EXEC/templates/preferences.html.sh)
+
+  <input type=radio name=topmenu id=btn_morelinks><label for=btn_morelinks>{+}</label>
+  <div class="panel switchable top" id="morelinks">
+    <a class="panel toggle" href="#">Hide</a>
+
+    <a class="panel listview" href="?p=list">Index view</a>
+    <a class="panel treeview" href="?p=tree">Browse Folders</a>
+    <a class="panel" href="?p=playctl">Player</a>
+  </div>
+
   <p class="quicklinks">
     <label class="quicklinks">Most recent</label>
     $(quicklinks)