diff booket.html @ 24:6cf1ec2e8955

Use expanders for action forms
author Guido Berhoerster <guido+booket@berhoerster.name>
date Sun, 05 Oct 2014 20:25:51 +0200
parents 69552aee9993
children 8c2f3e72d514
line wrap: on
line diff
--- a/booket.html	Sun Oct 05 19:46:32 2014 +0200
+++ b/booket.html	Sun Oct 05 20:25:51 2014 +0200
@@ -99,8 +99,8 @@
     </aside>
 
     <form id="load-form">
-      <fieldset>
-        <legend>Load Bookmarks</legend>
+      <fieldset class="expander">
+        <legend tabindex="0" class="expander-label">Load Bookmarks</legend>
         <label accesskey="i" class="top-label">File <input type="file"
         accept="application/json" required="required"
         name="file"></input></label>
@@ -111,8 +111,8 @@
     </form>
 
     <form id="save-form">
-      <fieldset>
-        <legend>Save Bookmarks</legend>
+      <fieldset class="expander">
+        <legend tabindex="0" class="expander-label">Save Bookmarks</legend>
         <p class="unsaved-changes-message" hidden="hidden"><strong>There are
         unsaved changes to your bookmarks.</strong></p>
         <a href="#" id="save-link" hidden="hidden"
@@ -123,8 +123,8 @@
     </form>
 
     <form id="import-form">
-      <fieldset>
-        <legend>Import Bookmarks</legend>
+      <fieldset class="expander">
+        <legend tabindex="0" class="expander-label">Import Bookmarks</legend>
         <label accesskey="e" class="top-label">File <input type="file"
         accept="text/html" required="required" name="file"></input></label>
         <label><input type="checkbox" name="merge"></input> Merge with existing
@@ -134,8 +134,8 @@
     </form>
 
     <form id="export-form">
-      <fieldset>
-        <legend>Export Bookmarks</legend>
+      <fieldset class="expander">
+        <legend tabindex="0" class="expander-label">Export Bookmarks</legend>
         <a href="#" id="export-link" hidden="hidden"
         download="bookmarks.html"></a>
         <button type="submit" name="export-file"