diff options
| author | zrose584 <57181548+zrose584@users.noreply.github.com> | 2020-09-15 20:57:11 +0200 |
|---|---|---|
| committer | zrose584 <57181548+zrose584@users.noreply.github.com> | 2020-09-15 20:57:11 +0200 |
| commit | 0830468bd13b59323f244978ae3e915bb715a949 (patch) | |
| tree | 7d359db770753ce89e4a89d6b2d1511f23fb5aa9 /youtube | |
| parent | b3de26606dcdb374a98a494136d2c3f210fff838 (diff) | |
| download | yt-local-0830468bd13b59323f244978ae3e915bb715a949.tar.lz yt-local-0830468bd13b59323f244978ae3e915bb715a949.tar.xz yt-local-0830468bd13b59323f244978ae3e915bb715a949.zip | |
style transcript div
Diffstat (limited to 'youtube')
| -rw-r--r-- | youtube/static/js/transcript-table.js | 2 | ||||
| -rw-r--r-- | 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> |