diff options
| author | ManeraKai <manerakai@protonmail.com> | 2024-08-16 13:44:31 +0300 |
|---|---|---|
| committer | ManeraKai <manerakai@protonmail.com> | 2024-08-16 13:44:31 +0300 |
| commit | ef9b247a916cb1e6fdaf275f0bcdfe7d104b1b2b (patch) | |
| tree | 0f9d478c27a491f10a47c58d99d7257f9af068c9 /src | |
| parent | Merge branch 'dragynfruit-master' (diff) | |
| download | libredirect-ef9b247a916cb1e6fdaf275f0bcdfe7d104b1b2b.zip | |
Faided disabled services https://github.com/libredirect/browser_extension/issues/961
Diffstat (limited to 'src')
| -rw-r--r-- | src/pages/options_src/Services/Services.svelte | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/src/pages/options_src/Services/Services.svelte b/src/pages/options_src/Services/Services.svelte index a78ff0b6..7c4a92b3 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> |