diff booket.html @ 23:69552aee9993

Use custom expander instead of details element Use a custom expander instead of a details element which is not (yet) universally supported.
author Guido Berhoerster <guido+booket@berhoerster.name>
date Sun, 05 Oct 2014 19:46:32 +0200
parents b19db583b5f8
children 6cf1ec2e8955
line wrap: on
line diff
--- a/booket.html	Sat Oct 04 22:16:56 2014 +0200
+++ b/booket.html	Sun Oct 05 19:46:32 2014 +0200
@@ -183,13 +183,13 @@
         </template>
         <template id="bookmark-template">
           <li>
-            <details>
-              <summary><p><img width="16" height="16"
-                  class="bookmark-favicon"></img>
+            <div class="expander">
+              <div class="expander-label" tabindex="0"><p><img width="16"
+                  height="16" class="bookmark-favicon"></img>
                   <a class="bookmark-link" target="_blank"></a>
                   <span class="bookmark-hostname"></span>
                 </p>
-                <ul class="tag-list"></ul></summary>
+                <ul class="tag-list"></ul></div>
               <div class="bookmark-actions">
                 <button type="button" name="edit-bookmark">Edit</button><button
                 type="button" name="delete-bookmark">Delete</button>
@@ -202,7 +202,7 @@
                 <dt>Last modified</dt>
                 <dd><time class="mtime"></time></dd>
               </dl>
-            </details>
+            </div>
           </li>
         </template>
       </ul>