Mercurial > projects > booket
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"