Fossil: Update of "branch/accordion-experiments"

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview

Artifact ID:	6526eaf031ea72d28bc1e0b65fcbf829094680b8c75fcb58b0df27a72b95ef09
Page Name:	branch/accordion-experiments
Date:	2020-04-05 14:33:35
Original User:	florian
Mimetype:	text/x-markdown
Next	56f660f16036148631e94fc22415868f9ab05e9be172771b31a6830b804e8266

Content

Notes:

Simple plain text indicators hinting the status / available actions for the accordion may also work well, for example [+] and [-], or [open] and [close].
Since the "Open" and "Close" icons are defined as CSS background images, they may not be visible by default on web pages printed to paper or PDF. The same applies to the "Copy Hash" icon, and either could be changed to work with foreground <img> elements, if required.
This raises the question whether the accordion should be "disabled" and "unfolded" on printing? Probably not, i.e. follow the principle to "print what's visible"? And technically it may be complicated to unfold the accordion on printing, i.e. override Javascript-modified styles with CSS print media query styles?

Uncompressed source code for the "Open" and "Close" icons:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
  style="fill: black; opacity:0"
  d="M16,16H0V0h16v16z" />
<path
  style="fill:rgb(240,240,240)"
  d="M14,14H2V2h12v12z" />
<path
  style="fill:rgb(64,64,64)"
  d="M13,13H3V3h10v10z" />
<path
  style="fill:rgb(248,248,248)"
  d="M12,12H4V4h8v8z" />
<path
  style="fill:rgb(80,128,208)"
  d="M11,9H5V7h6v6z" />
</svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
  style="fill: black; opacity:0"
  d="M16,16H0V0h16v16z" />
<path
  style="fill:rgb(240,240,240)"
  d="M14,14H2V2h12v12z" />
<path
  style="fill:rgb(64,64,64)"
  d="M13,13H3V3h10v10z" />
<path
  style="fill:rgb(248,248,248)"
  d="M12,12H4V4h8v8z" />
<path
  style="fill:rgb(80,128,208)"
  d="M5,7h2v-2h2v2h2v2h-2v2h-2v-2h-2z" />
</svg>