valantic / vue-template

A custom Vue.js boilerplate based on webpack.
MIT License
8 stars 5 forks source link

Feature/#328 Updates form-states.ts and form element components #340

Closed BeneRichi closed 11 months ago

BeneRichi commented 11 months ago

Pull request

This PR brings a couple of adjustments:

  1. Removed the 'disabled' state from form-states.ts.
  2. Added the native form element 'disabled' attribute to test the 'disabled' state on various components like e-input.vue, e-select.vue, and more.
  3. Added form fields with 'disabled' attribute to r-forms.vue.

In addition: I improved the form fields (e-select, e-input, e-radio, e-checkbox, e-textarea) with a disabled state to have a consistent look. I aligned colors across all form elements with disabled state, added a light gray color to the label text, and added a "not-allowed" cursor pointer on hover.

These adjustments create a more unified and user-friendly interface.

Ticket

#328

Browser testing

Checklist

Review/Test checklist