Merge branch 'transcripts-support'
Some checks failed
Build and release container directly from master / release (push) Has been cancelled
Invidious CI / build - crystal: ${{ matrix.crystal }}, stable: ${{ matrix.stable }} (1.12.1, true) (push) Has been cancelled
Invidious CI / build - crystal: ${{ matrix.crystal }}, stable: ${{ matrix.stable }} (1.13.2, true) (push) Has been cancelled
Invidious CI / build - crystal: ${{ matrix.crystal }}, stable: ${{ matrix.stable }} (1.14.0, true) (push) Has been cancelled
Invidious CI / build - crystal: ${{ matrix.crystal }}, stable: ${{ matrix.stable }} (1.15.0, true) (push) Has been cancelled
Invidious CI / build - crystal: ${{ matrix.crystal }}, stable: ${{ matrix.stable }} (nightly, false) (push) Has been cancelled
Invidious CI / build-docker (push) Has been cancelled
Invidious CI / build-docker-arm64 (push) Has been cancelled
Invidious CI / lint (push) Has been cancelled

From: https://github.com/iv-org/invidious/pull/5298/
This commit is contained in:
Fijxu
2025-05-13 11:31:21 -04:00
8 changed files with 228 additions and 5 deletions

View File

@@ -992,3 +992,80 @@ h1, h2, h3, h4, h5, p,
#comments-turned-off-on-video-message > p, #comments-disabled-message > p {
text-align: center;
}
.description-widget {
display: flex;
white-space: normal;
gap: 15px;
border-top: 1px solid black;
}
.description-show-transcript-widget {
padding: 10px;
flex-direction: column
}
.description-show-transcript-widget > * {
margin: 0;
}
.video-transcript {
display: flex;
flex-direction: column;
gap: 25px;
height: 30em;
padding: 10px;
border: 1px solid #a0a0a0;
border-radius: 10px;
}
.video-transcript header {
padding-bottom: 5px;
border-bottom: 1px solid #a0a0a0;
}
.video-transcript > #lines {
display: flex;
flex-direction: column;
overflow: scroll;
}
.transcript-line, .transcript-title-line {
display: flex;
align-items: center;
padding: 20px 10px;
gap: 10px;
border-radius: 10px;
}
.transcript-line > .length {
padding: 0px 5px;
background: #363636 !important;
}
.transcript-line > p, .video-transcript > header > h3, .transcript-title-line > h4 {
margin: 0;
}
.transcript-line:hover, .selected.transcript-line, .transcript-title-line:hover, .selected.transcript-title-line {
background: #4f4f4f;
}
.light-theme .transcript-line:hover, .selected.transcript-line, .transcript-title-line:hover, .selected.transcript-title-line {
background: #cacaca;
}
.video-transcript > footer {
padding-bottom: 14px;
border-top: 1px solid #a0a0a0
}
.video-transcript > footer > form {
display: flex;
justify-content: center;
}
.video-transcript > footer select {
width: 75%;
}