Clean up search outline
// FREEBIE
This commit is contained in:
parent
8c03d3e088
commit
d081b301d8
2 changed files with 30 additions and 35 deletions
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue