Many hyperlinks are disabled.
Use anonymous login
to enable hyperlinks.
Artifact ID: | cc0712597ff996d06f51c49ef28344bcbb1fd64d32ddc0ac7af45fa93d9e3a51 |
---|---|
Page Name: | branch/tooltip-copyhash |
Date: | 2019-06-11 07:20:54 |
Original User: | florian |
Mimetype: | text/x-markdown |
Parent: | 824027407f64d9661f70aac201f166f90065e77da217b5e298b93756914b7a40 (diff) |
Next | ec0dcc190dade4e252183b6a4e9a0063a8032365934be1f3240d5c4b502a8134 |
TODO:
- ☑️
Trim the length of the copied hashes to the limit defined by thehash-digits
setting. - ☑️
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 14" width="64" height="64"> <path style="fill: black; opacity:0" d="M 14 14 H 0 V 0 h 14 v 14 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 14">
<path
style="fill: black; opacity:0"
d="M 14 14 H 0 V 0 h 14 v 14 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>