enhancement of search input

This commit is contained in:
Nicolas Constant 2019-05-21 20:42:48 -04:00
parent 3448ae56fb
commit a8ed5ac79f
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
3 changed files with 36 additions and 3 deletions

View File

@ -2,6 +2,7 @@
@import "mixins";
@import "panel";
@import "commons";
@import "buttons";
.panel {
padding-left: 0px;
padding-right: 0px;
@ -15,8 +16,35 @@
.form-with-button {
width: calc(100% - #{$button-size});
float: left;
background-color: $column-color;
border-color: $button-border-color;
color: #fff;
font-size: $default-font-size;
&:focus {
box-shadow: none;
}
height: 29px;
padding: 0 5px 0 5px;
}
// .form-control {
// margin: 0 0 5px 5px;
// width: calc(100% - 10px);
// background-color: $column-color;
// border-color: $status-secondary-color;
// color: #fff;
// font-size: $default-font-size;
// &:focus {
// box-shadow: none;
// }
// // &--privacy {
// // display: inline-block;
// // width: calc(100% - 15px - #{$btn-send-status-width} - #{$counter-width});
// // }
// }
.form-button {
width: $button-size;
height: 29px;
@ -25,11 +53,16 @@
cursor: pointer;
background-color: $button-background-color;
color: $button-color;
color: whitesmoke;
transition: all .2s;
&:hover {
background-color: $button-background-color-hover;
color: $button-color-hover;
}
border: 1px solid $button-border-color;
border-width: 1px 1px 1px 0;
}
$search-form-height: 70px;
@ -113,4 +146,4 @@ $search-form-height: 70px;
background-color: $button-background-color-hover;
}
@include clearfix;
}
}

View File

@ -11,7 +11,7 @@ $height-button: 40px;
.left-bar-link {
color: $font-link-primary;
color: darken(whitesmoke, 15);
color: darken(whitesmoke, 17);
text-decoration: none;
&:hover {
color: $font-link-primary-hover;

View File

@ -47,7 +47,7 @@ $button-color: darken(white, 30);
$button-color-hover: white;
$button-background-color: $color-primary;
$button-background-color-hover: lighten($color-primary, 20);
$button-border-color: #303957;
$column-background: #0f111a;