diff --git a/packages/core/forms/src/components/FormGenerator.vue b/packages/core/forms/src/components/FormGenerator.vue index f6bc99e556..85a1d756ae 100644 --- a/packages/core/forms/src/components/FormGenerator.vue +++ b/packages/core/forms/src/components/FormGenerator.vue @@ -599,9 +599,18 @@ export default { width: 10px; } + &:disabled { + background-color: $kui-color-background-disabled; + border-color: $kui-color-border-neutral-weak; + } + &:checked:after { background-color: currentColor; } + + &:checked:disabled:after { + background-color: $kui-color-background-neutral-weak; + } } .vue-form-generator { diff --git a/packages/core/forms/src/components/FormGroup.vue b/packages/core/forms/src/components/FormGroup.vue index 4e5836c175..7e3924e379 100644 --- a/packages/core/forms/src/components/FormGroup.vue +++ b/packages/core/forms/src/components/FormGroup.vue @@ -282,13 +282,6 @@ $errorColor: #f00; display: none; } - &.disabled { - > label { - color: #666; - font-style: italic; - } - } - &.error { input:not([type="checkbox"]), textarea, diff --git a/packages/core/forms/src/components/fields/FieldAutoSuggest.vue b/packages/core/forms/src/components/fields/FieldAutoSuggest.vue index df3e7f8af7..6a171792d0 100644 --- a/packages/core/forms/src/components/fields/FieldAutoSuggest.vue +++ b/packages/core/forms/src/components/fields/FieldAutoSuggest.vue @@ -1,10 +1,16 @@ - +