mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Clean up search outline

Browse source 
// 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
Download patch file Download diff file Expand all files Collapse all files

24
stylesheets/_index.scss
View file

@ -84,6 +84,16 @@ input.search {
padding: 0; padding: 0;
margin: 0; margin: 0;
outline: 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-search-cancel-button {
-webkit-appearance: none; -webkit-appearance: none;
display: block; display: block;
@ -92,15 +102,13 @@ input.search {
background: url('/images/x.png') no-repeat center; background: url('/images/x.png') no-repeat center;
background-size: cover; background-size: cover;
} }
&::-webkit-search-cancel-button:hover { &::-webkit-search-cancel-button:hover {
cursor: pointer; cursor: pointer;
} }
} }
.tool-bar { .tool-bar {
background: $grey_l;
padding: 2px;
button.show-new-conversation { button.show-new-conversation {
float: right; float: right;
height: $button-height; 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 { .last-timestamp {

21
stylesheets/manifest.css
View file

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