mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-23 01:57:06 +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 { .radio input[type=radio][disabled] ~ .check {
background-color: rgba(0, 0, 0, 0.84); 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,
.form-control-wrapper .form-control:focus { .form-control,
.form-control-wrapper .form-control:focus,
.form-control:focus {
float: none; float: none;
border: 0; border: 0;
box-shadow: none; box-shadow: none;
@ -851,6 +849,10 @@ h6,
background: transparent; background: transparent;
border-bottom: 1px solid #757575; border-bottom: 1px solid #757575;
} }
.form-control-wrapper {
position: relative;
/* active state */
}
.form-control-wrapper .form-control:focus { .form-control-wrapper .form-control:focus {
outline: none; outline: none;
} }
@ -1707,7 +1709,8 @@ fieldset[disabled] .navbar .btn-link:hover,
fieldset[disabled] .navbar .btn-link:focus { fieldset[disabled] .navbar .btn-link:focus {
color: #e5e5e5; 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); border-color: rgba(255, 255, 255, 0.84);
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 // main: material.less
.form-control-wrapper { .form-control-wrapper .form-control, .form-control {
position: relative; &, &:focus {
.form-control, .form-control:focus {
float: none; float: none;
border: 0; border: 0;
box-shadow: none; box-shadow: none;
@ -10,6 +9,11 @@
background: transparent; background: transparent;
border-bottom: 1px solid #757575; border-bottom: 1px solid #757575;
} }
}
.form-control-wrapper {
position: relative;
.form-control:focus { .form-control:focus {
outline: none; outline: none;
} }

4
less/navbar.less
View File

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