Topic: Skin colors are not applied to all input types

slawa pro asked 6 years ago


Currently the skin colors are applied to

input[type="email"]
input[type="text"]
input[type="password"]

but not

input[type="url"]
input[type="time"]
input[type="date"]
input[type="datetime-local"]
input[type="tel"]
input[type="number"]

this can be fixed in scss file "sass/mdb/pro/_skins.scss", change 'Custom inputs' to following

// Custom inputs
input[type="email"]:focus:not([readonly]),
input[type="text"]:focus:not([readonly]),
input[type="password"]:focus:not([readonly]),
input[type="url"]:focus:not([readonly]),
input[type="time"]:focus:not([readonly]),
input[type="date"]:focus:not([readonly]),
input[type="datetime-local"]:focus:not([readonly]),
input[type="tel"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]) {
  border-color: map-get($data, skin-accent);
  box-shadow: 0 1px 0 0 map-get($data, skin-accent);
  & + label {
    color: map-get($data, skin-accent);
  }
}


without the fix the blue color from 'mdb/free/_forms-basic.scss' is used


                
                  

Marta Wierzbicka staff answered 6 years ago


Hi, thank you for noticing this issue. We'll look at this and fix in another release. Best, Marta

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: Yes
Tags