From 0830468bd13b59323f244978ae3e915bb715a949 Mon Sep 17 00:00:00 2001
From: zrose584 <57181548+zrose584@users.noreply.github.com>
Date: Tue, 15 Sep 2020 20:57:11 +0200
Subject: style transcript div
---
youtube/static/js/transcript-table.js | 2 +-
youtube/templates/watch.html | 8 ++++++--
2 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/youtube/static/js/transcript-table.js b/youtube/static/js/transcript-table.js
index d0028f7..26d2948 100644
--- a/youtube/static/js/transcript-table.js
+++ b/youtube/static/js/transcript-table.js
@@ -103,7 +103,7 @@ window.addEventListener('DOMContentLoaded', function() {
let tts = Q("video").textTracks;
if (!tts.length) return;
- details_tt = Q("details#transcript-box");
+ details_tt = Q("details#transcript-details");
details_tt.addEventListener("toggle", () => {
if (details_tt.open) loadCues();
});
diff --git a/youtube/templates/watch.html b/youtube/templates/watch.html
index 0e12d21..8264eb8 100644
--- a/youtube/templates/watch.html
+++ b/youtube/templates/watch.html
@@ -313,6 +313,10 @@
table#transcript-table td, th {
border: 1px solid #dddddd;
}
+ div#transcript-div {
+ background-color: var(--interface-color);
+ padding: 5px;
+ }
{% endblock style %}
{% block main %}
@@ -591,9 +595,9 @@ Reload without invidious (for usage of new identity button).</a>
{% endif %}
{% if subtitle_sources %}
- <details id="transcript-box">
+ <details id="transcript-details">
<summary>Transcript</summary>
- <div>
+ <div id="transcript-div">
<select id="select-tt">
{% for source in subtitle_sources %}
<option>{{ source['label'] }}</option>
--
cgit v1.2.3