mirror of
https://github.com/imputnet/cobalt.git
synced 2024-12-28 18:46:09 +00:00
web/SectionHeading: make the link button always visible
scaling and 40 letter german words will be the death of me
This commit is contained in:
parent
128a1ff696
commit
1473f220cb
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue