tanner/qotnews
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

remove search link.

Browse Source
This commit is contained in:
Jason Schwarzenberger 2020-12-01 17:00:53 +13:00
parent 8115d86335
commit daa49ede7e
1 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
webapp/src/components/Nav.svelte
View File

@ -28,12 +28,14 @@
</script> </script>
<style> <style>
.navigation [aria-current] { .has-highlight,
[aria-current] {
position: relative; position: relative;
display: inline-block; display: inline-block;
} }
.navigation [aria-current]::after { .has-highlight::after,
[aria-current]::after {
position: absolute; position: absolute;
content: ""; content: "";
width: calc(100% - 1em); width: calc(100% - 1em);
@ -94,13 +96,6 @@
rel="prefetch" rel="prefetch"
href=".">News</a> href=".">News</a>
</li> </li>
<li class="navigation-item">
<a
class="navigation-link"
aria-current={segment === 'search' ? 'page' : undefined}
rel="prefetch"
href="/search">Search</a>
</li>
</ul> </ul>
<form action="/search" method="GET" rel="prefetch" role="search"> <form action="/search" method="GET" rel="prefetch" role="search">
<input <input
@ -114,7 +109,10 @@
on:keypress={handleSearch} /> on:keypress={handleSearch} />
</form> </form>
<ul class="navigation-list"> <ul class="navigation-list">
<li class="navigation-item"><span class="navigation-text">Qot.</span></li> <li class="navigation-item">
<span
class="navigation-text {segment !== undefined ? 'has-highlight' : undefined}">Qot.</span>
</li>
</ul> </ul>
</div> </div>
</nav> </nav>