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