style transcript div

This commit is contained in:
zrose584 2020-09-15 20:57:11 +02:00
parent b3de26606d
commit 0830468bd1
2 changed files with 7 additions and 3 deletions

View File

@ -103,7 +103,7 @@ window.addEventListener('DOMContentLoaded', function() {
let tts = Q("video").textTracks; let tts = Q("video").textTracks;
if (!tts.length) return; if (!tts.length) return;
details_tt = Q("details#transcript-box"); details_tt = Q("details#transcript-details");
details_tt.addEventListener("toggle", () => { details_tt.addEventListener("toggle", () => {
if (details_tt.open) loadCues(); if (details_tt.open) loadCues();
}); });

View File

@ -313,6 +313,10 @@
table#transcript-table td, th { table#transcript-table td, th {
border: 1px solid #dddddd; border: 1px solid #dddddd;
} }
div#transcript-div {
background-color: var(--interface-color);
padding: 5px;
}
{% endblock style %} {% endblock style %}
{% block main %} {% block main %}
@ -591,9 +595,9 @@ Reload without invidious (for usage of new identity button).</a>
{% endif %} {% endif %}
{% if subtitle_sources %} {% if subtitle_sources %}
<details id="transcript-box"> <details id="transcript-details">
<summary>Transcript</summary> <summary>Transcript</summary>
<div> <div id="transcript-div">
<select id="select-tt"> <select id="select-tt">
{% for source in subtitle_sources %} {% for source in subtitle_sources %}
<option>{{ source['label'] }}</option> <option>{{ source['label'] }}</option>