mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-22 17:47:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

added fallback style when JS is not available for inputs.

Browse Source
This commit is contained in:
Federico Zivolo 2014-09-05 10:18:32 +02:00
parent 19d0c1bede
commit c22a4eb34f
3 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
css-compiled/material.css
View File

@ -838,12 +838,10 @@ h6,
.radio input[type=radio][disabled] ~ .check {
background-color: rgba(0, 0, 0, 0.84);
}
.form-control-wrapper {
position: relative;
/* active state */
}
.form-control-wrapper .form-control,
.form-control-wrapper .form-control:focus {
.form-control,
.form-control-wrapper .form-control:focus,
.form-control:focus {
float: none;
border: 0;
box-shadow: none;
@ -851,6 +849,10 @@ h6,
background: transparent;
border-bottom: 1px solid #757575;
}
.form-control-wrapper {
position: relative;
/* active state */
}
.form-control-wrapper .form-control:focus {
outline: none;
}
@ -1707,7 +1709,8 @@ fieldset[disabled] .navbar .btn-link:hover,
fieldset[disabled] .navbar .btn-link:focus {
color: #e5e5e5;
}
.navbar .navbar-form .form-control-wrapper .form-control {
.navbar .navbar-form .form-control-wrapper .form-control,
.navbar .navbar-form .form-control {
border-color: rgba(255, 255, 255, 0.84);
color: rgba(255, 255, 255, 0.84);
}

10
less/inputs.less
View File

@ -1,8 +1,7 @@
// main: material.less
.form-control-wrapper {
position: relative;
.form-control, .form-control:focus {
.form-control-wrapper .form-control, .form-control {
&, &:focus {
float: none;
border: 0;
box-shadow: none;
@ -10,6 +9,11 @@
background: transparent;
border-bottom: 1px solid #757575;
}
}
.form-control-wrapper {
position: relative;
.form-control:focus {
outline: none;
}

8
less/navbar.less
View File

@ -140,11 +140,11 @@
}
.navbar-form {
.form-control-wrapper .form-control, .form-control {
border-color: @navbar-border;
color: @navbar-border;
}
.form-control-wrapper {
.form-control {
border-color: @navbar-border;
color: @navbar-border;
}
.material-input:before, input:focus ~ .material-input:after {
background-color: @navbar-border;
}