Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-05-11 16:30:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #688 from ArtificialSloth/feat/subtitles-track-label

Browse source 
feat: Add label to subtitle tracks
This commit is contained in:
Tim 2024-11-20 15:35:01 +01:00 committed by GitHub
commit efc2667c1d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/routes/Player/SubtitlesMenu/SubtitlesMenu.js
View file

@ -204,7 +204,15 @@ const SubtitlesMenu = React.memo((props) => {
<div className={styles['variants-list']}> <div className={styles['variants-list']}>
{subtitlesTracksForLanguage.map((track, index) => ( {subtitlesTracksForLanguage.map((track, index) => (
<Button key={index} title={track.label} className={classnames(styles['variant-option'], { 'selected': props.selectedSubtitlesTrackId === track.id || props.selectedExtraSubtitlesTrackId === track.id })} data-id={track.id} data-origin={track.origin} data-embedded={track.embedded} onClick={subtitlesTrackOnClick}> <Button key={index} title={track.label} className={classnames(styles['variant-option'], { 'selected': props.selectedSubtitlesTrackId === track.id || props.selectedExtraSubtitlesTrackId === track.id })} data-id={track.id} data-origin={track.origin} data-embedded={track.embedded} onClick={subtitlesTrackOnClick}>
<div className={styles['variant-label']}>{track.origin}</div> <div className={styles['variant-label']}>
{
typeof track.label === 'string' && !track.label.startsWith('http') ?
track.label
:
track.lang
}
<div className={styles['variant-origin']}>{t(track.origin)}</div>
</div>
{ {
props.selectedSubtitlesTrackId === track.id || props.selectedExtraSubtitlesTrackId === track.id ? props.selectedSubtitlesTrackId === track.id || props.selectedExtraSubtitlesTrackId === track.id ?
<div className={styles['icon']} /> <div className={styles['icon']} />

9
src/routes/Player/SubtitlesMenu/styles.less
View file

@ -47,6 +47,15 @@
color: var(--primary-foreground-color); color: var(--primary-foreground-color);
} }
.language-label, .variant-label, .variant-origin {
text-wrap: nowrap;
text-overflow: ellipsis;
}
.variant-label .variant-origin {
color: var(--color-placeholder-text);
}
.icon { .icon {
flex: none; flex: none;
width: 0.5rem; width: 0.5rem;