change option-header when disabled

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

View file

@ -163,7 +163,7 @@ const SubtitlesPicker = (props) => {
<Icon className={styles['icon']} icon={'ic_plus'} />
</Button>
</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}>
<Button className={classnames(styles['button-container'], { 'disabled': subtitlesOffsetDisabled })} data-offset={-1} onClick={onOffsetButtonClicked}>
<Icon className={styles['icon']} icon={'ic_minus'} />

View file

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