Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web/SectionHeading: make the link button always visible

Browse source 
scaling and 40 letter german words will be the death of me
This commit is contained in:
wukko 2024-09-22 15:42:25 +06:00
parent 128a1ff696
commit 1473f220cb
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 6 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
web/src/components/misc/SectionHeading.svelte
View file

@ -51,13 +51,17 @@
padding: 2px; padding: 2px;
box-shadow: none; box-shadow: none;
border-radius: 5px; border-radius: 5px;
transition: opacity 0.1s; transition: opacity 0.2s;
opacity: 0.7;
}
.link-copy:focus-visible {
opacity: 1;
} }
.link-copy :global(.copy-animation) { .link-copy :global(.copy-animation) {
width: 17px; width: 17px;
height: 17px; height: 17px;
opacity: 0.7;
} }
.link-copy :global(.copy-animation *) { .link-copy :global(.copy-animation *) {
@ -65,10 +69,6 @@
height: 17px; height: 17px;
} }
.link-copy :global(.copy-animation):hover {
opacity: 1;
}
.beta-label { .beta-label {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -84,10 +84,6 @@
} }
@media (hover: hover) { @media (hover: hover) {
.link-copy:not(:focus-visible) {
opacity: 0;
}
.heading-container:hover .link-copy { .heading-container:hover .link-copy {
opacity: 1; opacity: 1;
} }