Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-27 05:23:01 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

change option-header when disabled

Browse source
This commit is contained in:
nklhrstv 2020-03-10 13:37:44 +02:00
parent b9124f1bac
commit 7d1bbd2d89
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/Player/SubtitlesPicker/SubtitlesPicker.js
View file

@ -163,7 +163,7 @@ const SubtitlesPicker = (props) => {
<Icon className={styles['icon']} icon={'ic_plus'} /> <Icon className={styles['icon']} icon={'ic_plus'} />
</Button> </Button>
</div> </div>
<div className={styles['option-header']}>Vertical position</div> <div className={classnames(styles['option-header'], { 'disabled': subtitlesOffsetDisabled })}>Vertical position</div>
<div className={classnames(styles['option-container'], { 'disabled': subtitlesOffsetDisabled })} title={subtitlesOffsetDisabled ? 'Vertical position is not configurable' : null}> <div className={classnames(styles['option-container'], { 'disabled': subtitlesOffsetDisabled })} title={subtitlesOffsetDisabled ? 'Vertical position is not configurable' : null}>
<Button className={classnames(styles['button-container'], { 'disabled': subtitlesOffsetDisabled })} data-offset={-1} onClick={onOffsetButtonClicked}> <Button className={classnames(styles['button-container'], { 'disabled': subtitlesOffsetDisabled })} data-offset={-1} onClick={onOffsetButtonClicked}>
<Icon className={styles['icon']} icon={'ic_minus'} /> <Icon className={styles['icon']} icon={'ic_minus'} />

6
src/routes/Player/SubtitlesPicker/styles.less
View file

@ -92,12 +92,16 @@
flex: 1; flex: 1;
} }
.option-header, .advanced-label { .option-header {
flex: none; flex: none;
align-self: stretch; align-self: stretch;
max-height: 2.4em; max-height: 2.4em;
margin: 0 3rem; margin: 0 3rem;
color: @color-surface-light5-90; color: @color-surface-light5-90;
&:global(.disabled) {
color: @color-surface-90;
}
} }
.option-container { .option-container {