diff --git a/src/components/Settings/Settings.scss b/src/components/Settings/Settings.scss index f5281a9..652cec8 100644 --- a/src/components/Settings/Settings.scss +++ b/src/components/Settings/Settings.scss @@ -248,6 +248,11 @@ top: 0; visibility: hidden; + &:disabled, + &:disabled + label { + opacity: 0.5; + } + &:before { visibility: visible; content: ''; diff --git a/src/components/Settings/SettingsOrganizations.svelte b/src/components/Settings/SettingsOrganizations.svelte index 3e3d612..4e91578 100644 --- a/src/components/Settings/SettingsOrganizations.svelte +++ b/src/components/Settings/SettingsOrganizations.svelte @@ -4,6 +4,8 @@ export let init; import { updateOrganization, isOffline } from '../../shared/store'; + const getIsDisabled = organization => $isOffline || organization.isBroken; + const getIsChecked = organization => organization.checked && !organization.isBroken; @@ -13,7 +15,7 @@