Clean up search outline

// FREEBIE
This commit is contained in:
lilia 2016-03-27 15:30:10 -07:00
parent 8c03d3e088
commit d081b301d8
2 changed files with 30 additions and 35 deletions

View file

@ -84,6 +84,16 @@ input.search {
padding: 0;
margin: 0;
outline: 0;
height: $button-height;
width: 100%;
padding: 10px;
border: solid 1px $grey_l;
outline-offset: -2px;
&.active {
outline: solid 1px $blue;
}
&::-webkit-search-cancel-button {
-webkit-appearance: none;
display: block;
@ -92,15 +102,13 @@ input.search {
background: url('/images/x.png') no-repeat center;
background-size: cover;
}
&::-webkit-search-cancel-button:hover {
cursor: pointer;
}
}
.tool-bar {
background: $grey_l;
padding: 2px;
button.show-new-conversation {
float: right;
height: $button-height;
@ -116,16 +124,6 @@ input.search {
}
}
input.search {
height: $button-height;
width: 100%;
padding: 10px;
border: solid 1px $grey_l;
&.active {
outline: solid 1px $blue;
}
}
}
.last-timestamp {

View file

@ -495,7 +495,14 @@ input.search {
border: none;
padding: 0;
margin: 0;
outline: 0; }
outline: 0;
height: 36px;
width: 100%;
padding: 10px;
border: solid 1px #f3f3f3;
outline-offset: -2px; }
input.search.active {
outline: solid 1px #2090ea; }
input.search::-webkit-search-cancel-button {
-webkit-appearance: none;
display: block;
@ -506,10 +513,7 @@ input.search {
input.search::-webkit-search-cancel-button:hover {
cursor: pointer; }
.tool-bar {
background: #f3f3f3;
padding: 2px; }
.tool-bar button.show-new-conversation {
.tool-bar button.show-new-conversation {
float: right;
height: 36px;
width: 36px;
@ -520,13 +524,6 @@ input.search {
background: url("/images/pencil.png") no-repeat center center; }
.tool-bar button.show-new-conversation:hover {
background-color: #ebebeb; }
.tool-bar input.search {
height: 36px;
width: 100%;
padding: 10px;
border: solid 1px #f3f3f3; }
.tool-bar input.search.active {
outline: solid 1px #2090ea; }
.last-timestamp {
font-size: smaller;