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;
|
||||
}
|
||||
|
||||
.search p[role="note"] {
|
||||
color: gray;
|
||||
font-size: 0.875rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.search ol {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.about main {
|
||||
max-width: 800px;
|
||||
width: 800px;
|
||||
|
@ -193,6 +203,12 @@ ol {
|
|||
}
|
||||
|
||||
.result .title {
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.result .title a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
name="q"
|
||||
placeholder="Search terms..."
|
||||
autofocus
|
||||
required
|
||||
required
|
||||
value="{{.Query}}" />
|
||||
<button type="submit">Search</button>
|
||||
</div>
|
||||
|
|
|
@ -3,21 +3,21 @@
|
|||
{{template "form.html" .}}
|
||||
</header>
|
||||
<main>
|
||||
{{if .Results}}
|
||||
<p role="note">{{len .Results}} <span id="sr-label">search results</span> found</p>
|
||||
<ol aria-labelledby="sr-label">
|
||||
{{range .Results}}
|
||||
<li class="result">
|
||||
<h2><a href="{{.Page.Url}}" rel="noopener nofollow" class="title">{{.Page.Title}}</a></h2>
|
||||
<a href="{{.Page.Url}}" rel="noopener nofollow" class="url"><small>{{.Page.Url}}</small></a>
|
||||
{{if .Page.Excerpt}}
|
||||
<p class="excerpt">{{.Page.Excerpt}}</p>
|
||||
{{end}}
|
||||
</li>
|
||||
{{end}}
|
||||
</ol>
|
||||
{{else}}
|
||||
<p role="note">No search results found</p>
|
||||
{{end}}
|
||||
{{if .Results}}
|
||||
<p role="note">{{len .Results}} <span id="sr-label">search results</span> found</p>
|
||||
<ol aria-labelledby="sr-label">
|
||||
{{range .Results}}
|
||||
<li class="result">
|
||||
<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>
|
||||
{{if .Page.Excerpt}}
|
||||
<p class="excerpt">{{.Page.Excerpt}}</p>
|
||||
{{end}}
|
||||
</li>
|
||||
{{end}}
|
||||
</ol>
|
||||
{{else}}
|
||||
<p role="note">No search results found</p>
|
||||
{{end}}
|
||||
</main>
|
||||
{{template "footer.html" .}}
|
||||
|
|
Loading…
Reference in a new issue