copy clearify
This commit is contained in:
parent
aec519c427
commit
a4d8e52705
|
@ -34,13 +34,13 @@
|
||||||
https://cloud.sondell.org/
|
https://cloud.sondell.org/
|
||||||
</code>
|
</code>
|
||||||
<button
|
<button
|
||||||
style="font:inherit;font-size:.8em;background:#3465a4;color:white;border:none;padding: 0 .4em; border-radius: .4em"
|
class="url"
|
||||||
_="on click
|
_="on click
|
||||||
writeText(my previousElementSibling's innerText) into navigator's clipboard
|
writeText(my previousElementSibling's innerText) into navigator's clipboard
|
||||||
put 'copied!' into me
|
put 'copied!' into me
|
||||||
wait 1s
|
wait 1s
|
||||||
put 'copy' into me">
|
put 'copy url' into me">
|
||||||
copy
|
copy url
|
||||||
</button>
|
</button>
|
||||||
</p>
|
</p>
|
||||||
<span>
|
<span>
|
||||||
|
|
|
@ -10,14 +10,31 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-link {
|
.app-link {
|
||||||
margin: 6px;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
|
img {
|
||||||
|
margin: 6px 6px 0px 6px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.link {
|
.link {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
button.url {
|
||||||
|
font: inherit;
|
||||||
|
font-size: .8em;
|
||||||
|
background: #3465a4;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
padding: 0 .4em;
|
||||||
|
border-radius: .4em;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: lightblue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.list {
|
.list {
|
||||||
/* display: flex; */
|
/* display: flex; */
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -32,7 +49,7 @@ body {
|
||||||
max-width: 40em;
|
max-width: 40em;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lightblue;
|
background-color: lightyellow;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not(:last-of-type) {
|
&:not(:last-of-type) {
|
||||||
|
|
Loading…
Reference in a new issue