- {track.origin}
- {
- typeof track.label === 'string' && !track.label.startsWith('http') ?
-
{track.label}
- :
- null
+
+ {typeof track.label === 'string' && !track.label.startsWith('http') ?
+ track.label
+ :
+ track.lang
}
+
{t(track.origin)}
{
props.selectedSubtitlesTrackId === track.id || props.selectedExtraSubtitlesTrackId === track.id ?
diff --git a/src/routes/Player/SubtitlesMenu/styles.less b/src/routes/Player/SubtitlesMenu/styles.less
index c9034286c..68cbb5ce4 100644
--- a/src/routes/Player/SubtitlesMenu/styles.less
+++ b/src/routes/Player/SubtitlesMenu/styles.less
@@ -40,14 +40,16 @@
background-color: var(--overlay-color);
}
- .language-label, .variant-origin {
+ .language-label, .variant-label {
flex: 1;
max-height: 2.4em;
font-size: 1.1rem;
+ text-wrap: nowrap;
+ text-overflow: ellipsis;
color: var(--primary-foreground-color);
}
- .variant-origin .variant-label {
+ .variant-label .variant-origin {
color: var(--color-placeholder-text);
}