set font on input
This commit is contained in:
@@ -4,6 +4,8 @@
|
|||||||
|
|
||||||
## Unreleased
|
## Unreleased
|
||||||
|
|
||||||
|
- Fixed search text font being defaulted to Arial.
|
||||||
|
|
||||||
## [0.4.1] - 2020-01-11
|
## [0.4.1] - 2020-01-11
|
||||||
|
|
||||||
- Fixed & improved search
|
- Fixed & improved search
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container">
|
|
||||||
<div class="search">
|
<div class="search">
|
||||||
<input type="search" class="searchTerm" placeholder="Search"
|
<input type="search" class="searchTerm" placeholder="Search"
|
||||||
@input="updateFilterAsync($event.target.value)" >
|
@input="updateFilterAsync($event.target.value)" >
|
||||||
@@ -7,7 +6,6 @@
|
|||||||
<font-awesome-icon :icon="['fas', 'search']" />
|
<font-awesome-icon :icon="['fas', 'search']" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
@@ -32,10 +30,6 @@ export default class TheSearchBar extends StatefulVue {
|
|||||||
@import "@/presentation/styles/colors.scss";
|
@import "@/presentation/styles/colors.scss";
|
||||||
@import "@/presentation/styles/fonts.scss";
|
@import "@/presentation/styles/fonts.scss";
|
||||||
|
|
||||||
.container {
|
|
||||||
font: $normal-font;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search {
|
.search {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -53,6 +47,8 @@ export default class TheSearchBar extends StatefulVue {
|
|||||||
padding-right:10px;
|
padding-right:10px;
|
||||||
outline: none;
|
outline: none;
|
||||||
color: $gray;
|
color: $gray;
|
||||||
|
font-family: $normal-font;
|
||||||
|
font-size:1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchTerm:focus{
|
.searchTerm:focus{
|
||||||
|
|||||||
Reference in New Issue
Block a user