VeritableValor/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2026-09-07 17:42:46 -05:00
Code Issues Packages Projects Releases Wiki Activity

Use button instead of anchor for try reddit link

Browse Source
This commit is contained in:
syeopite 2023-09-17 11:58:14 -07:00 committed by Fijxu
parent c2e0bffd8b
commit 1a61d34ae6
No known key found for this signature in database
GPG Key ID: 32C1DDF333EDA6A4
3 changed files with 25 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
assets/css/default.css
View File

@ -58,6 +58,11 @@ body {
justify-content: flex-end; justify-content: flex-end;
} }
button.simulated_a {
background: none;
border: none;
}
/* /*
* Channel page * Channel page
@ -533,7 +538,9 @@ span > select {
.light-theme a:active, .light-theme a:active,
.light-theme summary:hover, .light-theme summary:hover,
.light-theme a:focus, .light-theme a:focus,
.light-theme summary:focus { .light-theme summary:focus,
.light-theme .simulated_a:hover,
.light-theme .simulated_a:active {
color: #075A9E !important; color: #075A9E !important;
} }
@ -551,7 +558,7 @@ span > select {
background-color: #fff2; background-color: #fff2;
} }
.light-theme a { .light-theme a, .light-theme .simulated_a {
color: #335d7a; color: #335d7a;
text-decoration: none; text-decoration: none;
} }
@ -576,7 +583,9 @@ span > select {
.no-theme a:active, .no-theme a:active,
.no-theme summary:hover, .no-theme summary:hover,
.no-theme a:focus, .no-theme a:focus,
.no-theme summary:focus { .no-theme summary:focus,
.no-theme .simulated_a:hover,
.no-theme .simulated_a:active {
color: #075A9E !important; color: #075A9E !important;
} }
@ -594,7 +603,7 @@ span > select {
background-color: #fff2; background-color: #fff2;
} }
.no-theme a { .no-theme a, .no-theme .simulated_a{
color: #335d7a; color: #335d7a;
text-decoration: none; text-decoration: none;
} }
@ -632,7 +641,9 @@ span > select {
.dark-theme a:active, .dark-theme a:active,
.dark-theme summary:hover, .dark-theme summary:hover,
.dark-theme a:focus, .dark-theme a:focus,
.dark-theme summary:focus { .dark-theme summary:focus,
.dark-theme .simulated_a:hover,
.dark-theme .simulated_a:active {
color: rgb(0, 182, 240); color: rgb(0, 182, 240);
} }
@ -650,7 +661,7 @@ span > select {
color: #ddd; color: #ddd;
} }
.dark-theme a { .dark-theme a, .dark-theme .simulated_a {
color: #adadad; color: #adadad;
text-decoration: none; text-decoration: none;
} }
@ -690,7 +701,9 @@ body.dark-theme {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.no-theme a:hover, .no-theme a:hover,
.no-theme a:active, .no-theme a:active,
.no-theme a:focus { .no-theme a:focus,
.no-theme .simulated_a:hover,
.no-theme .simulated_a:active {
color: rgb(0, 182, 240); color: rgb(0, 182, 240);
} }
@ -708,7 +721,7 @@ body.dark-theme {
color: #ddd; color: #ddd;
} }
.no-theme a { .no-theme a, .no-theme .simulated_a{
color: #adadad; color: #adadad;
text-decoration: none; text-decoration: none;
} }

4
assets/js/comments.js
View File

@ -78,9 +78,9 @@ function get_youtube_comments() {
<div id="comments-turned-off-on-video-message" class="h-box v-box"> <div id="comments-turned-off-on-video-message" class="h-box v-box">
<p><b>${video_data.comments_youtube_disabled_text}</b></p> <p><b>${video_data.comments_youtube_disabled_text}</b></p>
<p><b><a href="javascript:void(0)" data-comments="reddit" id="try-reddit-comments-link"> <p><b><button href="javascript:void(0)" data-comments="reddit" id="try-reddit-comments-link" class="simulated_a">
${video_data.comments_youtube_disabled_try_reddit} ${video_data.comments_youtube_disabled_try_reddit}
</a></b></p> </button></b></p>
</div>`; </div>`;
document.getElementById("try-reddit-comments-link").onclick = swap_comments; document.getElementById("try-reddit-comments-link").onclick = swap_comments;

4
src/invidious/views/watch.ecr
View File

@ -319,9 +319,9 @@ we're going to need to do it here in order to allow for translations.
<p> <p>
<b> <b>
<a href="javascript:void(0)" data-comments="reddit" id="try-reddit-comments-link"> <button data-comments="reddit" id="try-reddit-comments-link" class="simulated_a">
<%= HTML.escape(I18n.translate(locale, "comments_youtube_disabled_try_reddit")) %> <%= HTML.escape(I18n.translate(locale, "comments_youtube_disabled_try_reddit")) %>
</a> </button>
</b> </b>
</p> </p>
</div> </div>