From 7d1bbd2d89536f53c059eb9f4e7aadd0b0b2d4d0 Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Tue, 10 Mar 2020 13:37:44 +0200
Subject: [PATCH] change option-header when disabled

---
 src/routes/Player/SubtitlesPicker/SubtitlesPicker.js | 2 +-
 src/routes/Player/SubtitlesPicker/styles.less        | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/routes/Player/SubtitlesPicker/SubtitlesPicker.js b/src/routes/Player/SubtitlesPicker/SubtitlesPicker.js
index b29d59e70..e50a97a50 100644
--- a/src/routes/Player/SubtitlesPicker/SubtitlesPicker.js
+++ b/src/routes/Player/SubtitlesPicker/SubtitlesPicker.js
@@ -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'} />
diff --git a/src/routes/Player/SubtitlesPicker/styles.less b/src/routes/Player/SubtitlesPicker/styles.less
index 37c3d2175..a1b2b93f4 100644
--- a/src/routes/Player/SubtitlesPicker/styles.less
+++ b/src/routes/Player/SubtitlesPicker/styles.less
@@ -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 {