Commit ed4a2b9e authored by Aron Carroll's avatar Aron Carroll Committed by gergely-ujvari

Fix icon fonts in the simple-search bar

Added a readable class name to the search icon .icon-search and
regenerated the icomoon css file.
parent 1e025a1b
No preview for this file type
No preview for this file type
No preview for this file type
This diff is collapsed.
@font-face { @font-face {
font-family: 'h'; font-family: 'h';
src:url('fonts/h.eot?bykdte'); src:url('fonts/h.eot?jsvc9t');
src:url('fonts/h.eot?#iefixbykdte') format('embedded-opentype'), src:url('fonts/h.eot?#iefixjsvc9t') format('embedded-opentype'),
url('fonts/h.woff?bykdte') format('woff'), url('fonts/h.woff?jsvc9t') format('woff'),
url('fonts/h.ttf?bykdte') format('truetype'), url('fonts/h.ttf?jsvc9t') format('truetype'),
url('fonts/h.svg?bykdte#h') format('svg'); url('fonts/h.svg?jsvc9t#h') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
...@@ -245,6 +245,6 @@ ...@@ -245,6 +245,6 @@
.icon-link:before { .icon-link:before {
content: "\e60a"; content: "\e60a";
} }
.icon-uniE60C:before { .icon-search:before {
content: "\e60c"; content: "\e60c";
} }
...@@ -419,8 +419,11 @@ simpleSearch = ['$parse', ($parse) -> ...@@ -419,8 +419,11 @@ simpleSearch = ['$parse', ($parse) ->
restrict: 'C' restrict: 'C'
template: ''' template: '''
<form class="simple-search-form" name="searchBox" ng-submit="dosearch()"> <form class="simple-search-form" name="searchBox" ng-submit="dosearch()">
<i class="simple-search-icon icon-search"></i>
<input class="simple-search-input" type="text" ng-model="searchtext" name="searchText" /> <input class="simple-search-input" type="text" ng-model="searchtext" name="searchText" />
<button class="simple-search-clear" type="reset" ng-hide="!searchtext" ng-click="reset($event)"></button> <button class="simple-search-clear" type="reset" ng-hide="!searchtext" ng-click="reset($event)">
<i class="icon-x"></i>
</button>
</form> </form>
''' '''
] ]
......
@import "base.scss"; @import "base.scss";
.simple-search-form { .simple-search-form {
position: relative;
color: $gray; color: $gray;
@include fonticon("\e60c", left) { &.simple-search-inactive {
color: $grayLighter;
}
}
.simple-search-icon {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 8px; left: 8px;
margin-top: -0.5em; margin-top: -0.5em;
font-size: 14px; font-size: 14px;
line-height: 1; line-height: 1;
}
&.simple-search-inactive {
color: $grayLighter;
}
position: relative;
} }
.simple-search-input { .simple-search-input {
...@@ -33,7 +32,7 @@ ...@@ -33,7 +32,7 @@
} }
.simple-search-clear { .simple-search-clear {
@include fonticon("\36", left) { [class^="icon-"], [class*=" icon-"] {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
...@@ -50,10 +49,12 @@ ...@@ -50,10 +49,12 @@
color: #fff; color: #fff;
width: 16px; width: 16px;
height: 16px; height: 16px;
padding: 0;
margin-top: -8px; margin-top: -8px;
font-size: 8px; font-size: 9px;
text-align: center; text-align: center;
text-shadow: none; text-shadow: none;
@include box-shadow(none);
&:focus, &:hover, &:active:not([disabled]) { &:focus, &:hover, &:active:not([disabled]) {
@include transition(background-color 200ms ease-in); @include transition(background-color 200ms ease-in);
......
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