Many hyperlinks are disabled.
Use anonymous login
to enable hyperlinks.
| Artifact ID: | c1fc6698de58ac4ccb779055ef392e31f522e1042865e1dfadcdffd7c16dbfd3 |
|---|---|
| Page Name: | branch/tooltip-copyhash |
| Date: | 2019-05-27 09:21:39 |
| Original User: | florian |
| Mimetype: | text/x-markdown |
| Next | 089f9ec3396472081bbcac1a32ab70c431129a5c01ae9d7d6b49fd589ecfd55f |
TODO:
- Trim the length of the copied hashes to the limit defined by the
hash-digitssetting. - Also apply the same limit to the link text for hashes?
- Reevaluate the position of the "Copy Hash" icon on the tooltip.
- Refresh my trigonometry skills, and calculate the outline of the icon more accurately.
Copy text to clipboard using Javascript:
- https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript
- https://stackoverflow.com/questions/46275918/copy-plain-text-with-no-rich-styles-to-clipboard-without-losing-focus
- https://blog.codeinside.eu/2016/05/12/copy-to-clipboard-with-javascript/
- https://techoverflow.net/2018/03/30/copying-strings-to-the-clipboard-using-pure-javascript/
Uncompressed source code for the "Copy Hash" icon:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16" width="64" height="64"> <path style="fill: black; opacity:0" d="M 14 16 H 0 V 0 h 14 v 16 z" /> <path style="fill:rgb(240,240,240)" d="M 1 0 h 6.6 l 2 2 h 1 l 3.4 3.4 v 8.6 h -10 v -2 h -3 z" /> <path style="fill:rgb(64,64,64)" d="M 2 1 h 5 l 3 3 v 7 h -8 z" /> <path style="fill:rgb(248,248,248)" d="M 3 2 h 3.6 l 2.4 2.4 v 5.6 h -6 z" /> <path style="fill:rgb(80,128,208)" d="M 4 5 h 4 v 1 h -4 z m 0 2 h 4 v 1 h -4 z" /> <path style="fill:rgb(64,64,64)" d="M 5 3 h 5 l 3 3 v 7 h -8 z" /> <path style="fill:rgb(248,248,248)" d="M 10 4.4 v 1.6 h 1.6 z m -4 -0.6 h 3 v 3 h -3 z m 0 3 h 6 v 5.4 h -6 z" /> <path style="fill:rgb(80,128,208)" d="M 7 8 h 4 v 1 h -4 z m 0 2 h 4 v 1 h -4 z" /> </svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16">
<path
style="fill: black; opacity:0"
d="M 14 16 H 0 V 0 h 14 v 16 z" />
<path
style="fill:rgb(240,240,240)"
d="M 1 0 h 6.6 l 2 2 h 1 l 3.4 3.4 v 8.6 h -10 v -2 h -3 z" />
<path
style="fill:rgb(64,64,64)"
d="M 2 1 h 5 l 3 3 v 7 h -8 z" />
<path
style="fill:rgb(248,248,248)"
d="M 3 2 h 3.6 l 2.4 2.4 v 5.6 h -6 z" />
<path
style="fill:rgb(80,128,208)"
d="M 4 5 h 4 v 1 h -4 z m 0 2 h 4 v 1 h -4 z" />
<path
style="fill:rgb(64,64,64)"
d="M 5 3 h 5 l 3 3 v 7 h -8 z" />
<path
style="fill:rgb(248,248,248)"
d="M 10 4.4 v 1.6 h 1.6 z m -4 -0.6 h 3 v 3 h -3 z m 0 3 h 6 v 5.4 h -6 z" />
<path
style="fill:rgb(80,128,208)"
d="M 7 8 h 4 v 1 h -4 z m 0 2 h 4 v 1 h -4 z" />
</svg>