Mercurial > projects > booket
diff booket.css @ 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 | 8c2f3e72d514 |
line wrap: on
line diff
--- a/booket.css Sat Oct 04 22:16:56 2014 +0200 +++ b/booket.css Sun Oct 05 19:46:32 2014 +0200 @@ -113,6 +113,24 @@ font-weight: bold; } +.expander > .expander-label { + cursor: pointer; +} + +.expander > .expander-label::before { + content: "\25B6"; + margin-right: .5em; +} + +.expander[data-expander-open] > .expander-label::before { + content: "\25BC"; + margin-right: .5em; +} + +.expander:not([data-expander-open]) > :not(.expander-label) { + display: none; +} + #logo { height: 2em; }