UI fixups for f449fe8
Mostly returning the look to the previous state, code formatting, and adjusting the look of the search results label.
This commit is contained in:
parent
67c60ef5c1
commit
dda780c694
3 changed files with 33 additions and 17 deletions
|
@ -100,6 +100,16 @@ button:hover {
|
||||||
margin: 1rem auto 0;
|
margin: 1rem auto 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.search p[role="note"] {
|
||||||
|
color: gray;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search ol {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.about main {
|
.about main {
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
width: 800px;
|
width: 800px;
|
||||||
|
@ -193,6 +203,12 @@ ol {
|
||||||
}
|
}
|
||||||
|
|
||||||
.result .title {
|
.result .title {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result .title a {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -15,7 +15,7 @@
|
||||||
name="q"
|
name="q"
|
||||||
placeholder="Search terms..."
|
placeholder="Search terms..."
|
||||||
autofocus
|
autofocus
|
||||||
required
|
required
|
||||||
value="{{.Query}}" />
|
value="{{.Query}}" />
|
||||||
<button type="submit">Search</button>
|
<button type="submit">Search</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -3,21 +3,21 @@
|
||||||
{{template "form.html" .}}
|
{{template "form.html" .}}
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
{{if .Results}}
|
{{if .Results}}
|
||||||
<p role="note">{{len .Results}} <span id="sr-label">search results</span> found</p>
|
<p role="note">{{len .Results}} <span id="sr-label">search results</span> found</p>
|
||||||
<ol aria-labelledby="sr-label">
|
<ol aria-labelledby="sr-label">
|
||||||
{{range .Results}}
|
{{range .Results}}
|
||||||
<li class="result">
|
<li class="result">
|
||||||
<h2><a href="{{.Page.Url}}" rel="noopener nofollow" class="title">{{.Page.Title}}</a></h2>
|
<h2 class="title"><a href="{{.Page.Url}}" rel="noopener nofollow">{{.Page.Title}}</a></h2>
|
||||||
<a href="{{.Page.Url}}" rel="noopener nofollow" class="url"><small>{{.Page.Url}}</small></a>
|
<a href="{{.Page.Url}}" rel="noopener nofollow" class="url"><small>{{.Page.Url}}</small></a>
|
||||||
{{if .Page.Excerpt}}
|
{{if .Page.Excerpt}}
|
||||||
<p class="excerpt">{{.Page.Excerpt}}</p>
|
<p class="excerpt">{{.Page.Excerpt}}</p>
|
||||||
{{end}}
|
{{end}}
|
||||||
</li>
|
</li>
|
||||||
{{end}}
|
{{end}}
|
||||||
</ol>
|
</ol>
|
||||||
{{else}}
|
{{else}}
|
||||||
<p role="note">No search results found</p>
|
<p role="note">No search results found</p>
|
||||||
{{end}}
|
{{end}}
|
||||||
</main>
|
</main>
|
||||||
{{template "footer.html" .}}
|
{{template "footer.html" .}}
|
||||||
|
|
Loading…
Reference in a new issue