Commit c7a908ca authored by Thomas Park's avatar Thomas Park
Browse files

paper: fix styling of forms in navbar, closes #511

parent 913f54b9
...@@ -20,13 +20,13 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" ...@@ -20,13 +20,13 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"
} }
&-inverse { &-inverse {
.form-control { .navbar-form {
color: #fff;
@include placeholder($navbar-inverse-link-color);
&[type=text], input[type=text],
&[type=password] { input[type=password] {
color: #fff;
@include box-shadow(inset 0 -1px 0 $navbar-inverse-link-color); @include box-shadow(inset 0 -1px 0 $navbar-inverse-link-color);
@include placeholder($navbar-inverse-link-color);
&:focus { &:focus {
@include box-shadow(inset 0 -2px 0 #fff); @include box-shadow(inset 0 -2px 0 #fff);
......
...@@ -6805,26 +6805,27 @@ button.close { ...@@ -6805,26 +6805,27 @@ button.close {
.navbar-brand { .navbar-brand {
font-size: 24px; font-size: 24px;
} }
.navbar-inverse .form-control { .navbar-inverse .navbar-form input[type=text],
.navbar-inverse .navbar-form input[type=password] {
color: #fff; color: #fff;
-webkit-box-shadow: inset 0 -1px 0 #b2dbfb;
box-shadow: inset 0 -1px 0 #b2dbfb;
} }
.navbar-inverse .form-control::-moz-placeholder { .navbar-inverse .navbar-form input[type=text]::-moz-placeholder,
.navbar-inverse .navbar-form input[type=password]::-moz-placeholder {
color: #b2dbfb; color: #b2dbfb;
opacity: 1; opacity: 1;
} }
.navbar-inverse .form-control:-ms-input-placeholder { .navbar-inverse .navbar-form input[type=text]:-ms-input-placeholder,
.navbar-inverse .navbar-form input[type=password]:-ms-input-placeholder {
color: #b2dbfb; color: #b2dbfb;
} }
.navbar-inverse .form-control::-webkit-input-placeholder { .navbar-inverse .navbar-form input[type=text]::-webkit-input-placeholder,
.navbar-inverse .navbar-form input[type=password]::-webkit-input-placeholder {
color: #b2dbfb; color: #b2dbfb;
} }
.navbar-inverse .form-control[type=text], .navbar-inverse .navbar-form input[type=text]:focus,
.navbar-inverse .form-control[type=password] { .navbar-inverse .navbar-form input[type=password]:focus {
-webkit-box-shadow: inset 0 -1px 0 #b2dbfb;
box-shadow: inset 0 -1px 0 #b2dbfb;
}
.navbar-inverse .form-control[type=text]:focus,
.navbar-inverse .form-control[type=password]:focus {
-webkit-box-shadow: inset 0 -2px 0 #ffffff; -webkit-box-shadow: inset 0 -2px 0 #ffffff;
box-shadow: inset 0 -2px 0 #ffffff; box-shadow: inset 0 -2px 0 #ffffff;
} }
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -20,13 +20,13 @@ ...@@ -20,13 +20,13 @@
} }
&-inverse { &-inverse {
.form-control { .navbar-form {
color: #fff;
.placeholder(@navbar-inverse-link-color);
&[type=text], input[type=text],
&[type=password] { input[type=password] {
color: #fff;
.box-shadow(inset 0 -1px 0 @navbar-inverse-link-color); .box-shadow(inset 0 -1px 0 @navbar-inverse-link-color);
.placeholder(@navbar-inverse-link-color);
&:focus { &:focus {
.box-shadow(inset 0 -2px 0 #fff); .box-shadow(inset 0 -2px 0 #fff);
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment