From ef9b247a916cb1e6fdaf275f0bcdfe7d104b1b2b Mon Sep 17 00:00:00 2001
From: ManeraKai <manerakai@protonmail.com>
Date: Fri, 16 Aug 2024 13:44:31 +0300
Subject: [PATCH] Faided disabled services
 https://github.com/libredirect/browser_extension/issues/961

---
 src/pages/options_src/Services/Services.svelte | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/pages/options_src/Services/Services.svelte b/src/pages/options_src/Services/Services.svelte
index a78ff0b..7c4a92b 100644
--- a/src/pages/options_src/Services/Services.svelte
+++ b/src/pages/options_src/Services/Services.svelte
@@ -50,11 +50,11 @@
           }),
         ]}
       >
-        <div class="slot" slot="item" let:item>
+        <div class={"slot " + (!_options[item.value].enabled && "disabled")} slot="item" let:item>
           <ServiceIcon details={item} />
           {item.label}
         </div>
-        <div class="slot" slot="selection" let:selection>
+        <div class={"slot " + (!_options[selection.value].enabled && "disabled")} slot="selection" let:selection>
           <ServiceIcon details={selection} />
           {selection.label}
         </div>
@@ -181,10 +181,10 @@
     --width: 210px;
     --background: var(--bg-secondary);
     --list-background: var(--bg-secondary);
-    --item-active-background: red;
     --item-is-active-bg: grey;
     --item-hover-bg: grey;
     --item-is-active-color: var(--text);
+    --list-max-height: 400px;
     --padding: 0 0 0 10px;
     --item-color: var(--text);
   }
@@ -201,4 +201,8 @@
     width: 26px;
     color: var(--text);
   }
+
+  :global(.svelte_select .disabled) {
+    opacity: 0.4;
+  }
 </style>