mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-05 16:51:01 +00:00
change option-header when disabled
This commit is contained in:
parent
b9124f1bac
commit
7d1bbd2d89
2 changed files with 6 additions and 2 deletions
|
|
@ -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'} />
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Reference in a new issue