Merge pull request #12063 from owncloud/fix/disabled-checkbox-opacity

fix: lower disabled checkbox opacity
owncloud · Dec 31, 2024 · eb4f304 · eb4f304
2 parents d54d3ce + 23bb045
commit eb4f304
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/changelog/unreleased/bugfix-change-opacity-of-disabled-checkboxes.md b/changelog/unreleased/bugfix-change-opacity-of-disabled-checkboxes.md
@@ -0,0 +1,6 @@
+Bugfix: Change opacity of disabled checkboxes
+
+We've fixed an issue where disabled checkbox was not clearly distinguishable from enabled ones by lowering it's opacity.
+
+https://github.com/owncloud/web/pull/12063
+https://github.com/owncloud/web/issues/12060
diff --git a/packages/design-system/src/components/OcCheckbox/OcCheckbox.vue b/packages/design-system/src/components/OcCheckbox/OcCheckbox.vue
@@ -198,6 +198,8 @@ export default defineComponent({
 
   &:disabled {
     background-color: $form-radio-disabled-background;
+    cursor: default;
+    opacity: 0.4;
   }
 
   &:disabled:checked {