From 54a2d97f706b8de8c442959e25dbad2ca379ac4c Mon Sep 17 00:00:00 2001
From: Ajay <dev@ajay.app>
Date: Fri, 16 Sep 2022 18:20:34 -0400
Subject: [PATCH] Change opacity for disabled options

---
 public/options/options.css                              | 3 ++-
 src/components/options/CategorySkipOptionsComponent.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/options/options.css b/public/options/options.css
index 542634f5..588d6127 100644
--- a/public/options/options.css
+++ b/public/options/options.css
@@ -321,7 +321,8 @@ input[type='number'] {
     cursor: default;
 }
 
-tr.disabled {
+/* To hide everything except upsell button */
+.disabled td:not(.skipOption), .disabled td.skipOption > :not(.upsellButton) {
     opacity: 0.3;
 }
 
diff --git a/src/components/options/CategorySkipOptionsComponent.tsx b/src/components/options/CategorySkipOptionsComponent.tsx
index 20c12309..e1180e4b 100644
--- a/src/components/options/CategorySkipOptionsComponent.tsx
+++ b/src/components/options/CategorySkipOptionsComponent.tsx
@@ -106,7 +106,7 @@ class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsPr
                             <LockSvg className="upsellButton" onClick={() => chrome.tabs.create({url: chrome.runtime.getURL('upsell/index.html')})}/>
                         }
                     </td>
-                    
+
                     {this.props.category !== "chapter" &&
                         <td id={this.props.category + "ColorOption"}
                             className="colorOption">