Bauke/href-plus
Bauke
/
href-plus
1
Fork 0
Code Releases 1 Activity

Add styling to the load more button (#16).

This commit is contained in:
Bauke 2022-02-04 12:57:11 +01:00
parent 279f40004f
commit 6d121fb7b4
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
source/scss/components/_search-bar.scss
View File

@ -47,4 +47,17 @@
vertical-align: middle; vertical-align: middle;
} }
} }
.load-more {
background-color: var(--background-1);
border: var(--border-size) solid var(--foreground-1);
color: var(--foreground-1);
cursor: pointer;
padding: 0.5rem;
&:hover {
background-color: var(--foreground-1);
color: var(--background-1);
}
}
} }

2
source/ts/components/search-bar.ts
View File

@ -101,7 +101,7 @@ export default class SearchBar extends Component<Props, State> {
results.push( results.push(
html` html`
<li class="search-state"> <li class="search-state">
<button onClick=${this.searchMore}>Load more…</button> <button class="load-more" onClick=${this.searchMore}>Load more…</button>
</li> </li>
`, `,
); );