mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2026-03-14 06:32:36 +03:00
Add dearrow link to install page and add close button
This commit is contained in:
@@ -34,6 +34,20 @@
|
||||
Come contribute, make some suggestions and help out on <a href="https://discord.gg/SponsorBlock">Discord</a> or on <a href="https://matrix.to/#/#sponsor:ajay.app?via=ajay.app&via=matrix.org&via=mozilla.org">Matrix</a>.
|
||||
</p>
|
||||
|
||||
<a href="https://dearrow.ajay.app"
|
||||
target="_blank"
|
||||
id="dearrow-link"
|
||||
class="dearrow-link hidden"
|
||||
rel="noreferrer">
|
||||
<img src="/icons/dearrow.svg"/>
|
||||
|
||||
<span id="dearrow-link-text">
|
||||
|
||||
</span>
|
||||
|
||||
<img src="/icons/close.png" class="close-button"/>
|
||||
</a>
|
||||
|
||||
<p style="margin-bottom: 0; margin-top: 0" class="bigText center">__MSG_helpPageReviewOptions__</p>
|
||||
|
||||
<p class="smallText">
|
||||
|
||||
@@ -322,4 +322,33 @@ svg {
|
||||
cursor: default;
|
||||
background-color: var(--disabled);
|
||||
color: grey;
|
||||
}
|
||||
|
||||
.dearrow-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-decoration: none;
|
||||
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.dearrow-link img {
|
||||
width: 35px;
|
||||
padding: 10px
|
||||
}
|
||||
|
||||
.dearrow-link .close-button {
|
||||
opacity: 0;
|
||||
width: 15px;
|
||||
filter: invert(0.3);
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.dearrow-link:hover .close-button {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
Reference in New Issue
Block a user