code.ivysaur.me/archive
1
0
Fork 0
Code Issues 5 Pull Requests Releases Wiki Activity

fix phantom space between dom elements; fix search box being split into two lines in some cases; add more padding in mobile layout

Browse Source
This commit is contained in:
mappu 2017-12-10 13:03:47 +13:00
parent e078383e6d
commit cd1e868daf
2 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
ArchiveState.go
View File

@ -296,29 +296,28 @@ func (this *ArchiveState) renderTemplateHead(w http.ResponseWriter) {
<a style="display:none;" id="monthnext" accesskey="k" href="` + html.EscapeString(nextMonthLink) + `"> <a style="display:none;" id="monthnext" accesskey="k" href="` + html.EscapeString(nextMonthLink) + `">
<a class="btn" href="` + pageBase + `/page-0">&laquo;</a> <a class="btn" href="` + pageBase + `/page-0">&laquo;</a>
<a class="btn" id="pgprev" accesskey="h" title="Previous page (Alt+H)" href="` + pageBase + `/page-` + fmt.Sprintf("%d", previousPage) + `">&lsaquo;</a> <a class="btn" accesskey="h" title="Previous page (Alt+H)" href="` + pageBase + `/page-` + fmt.Sprintf("%d", previousPage) + `">&lsaquo;</a>
` + fmt.Sprintf("%d", this.page) + ` <span class="current-page">` + fmt.Sprintf("%d", this.page) + `</span>
<a class="btn" id="pgnext" accesskey="l" title="Next page (Alt+L)" href="` + pageBase + `/page-` + fmt.Sprintf("%d", nextPage) + `">&rsaquo;</a> <a class="btn" accesskey="l" title="Next page (Alt+L)" href="` + pageBase + `/page-` + fmt.Sprintf("%d", nextPage) + `">&rsaquo;</a>
<a class="btn" href="` + pageBase + `">&raquo;</a> <a class="btn" href="` + pageBase + `">&raquo;</a>
`)) `))
} }
w.Write([]byte(` w.Write([]byte(`
<div class="pad"></div> </span>
</span>
<span class="area-search"> <span class="area-search">
<form method="GET"> <form method="GET">
<input type="hidden" name="h" value="` + html.EscapeString(this.logBestSlug) + `"> <input type="hidden" name="h" value="` + html.EscapeString(this.logBestSlug) + `">
<input type="text" id="searchbox" name="q" value="` + html.EscapeString(this.query) + `" placeholder="Search..." accesskey="m" title="Search (Alt+M)"> <input type="text" id="searchbox" name="q" value="` + html.EscapeString(this.query) + `" placeholder="Search..." accesskey="m" title="Search (Alt+M)">
<input type="submit" value="&raquo;"> <input type="submit" value="&raquo;">
<input type="checkbox" class="layout-pushdown" name="rx" value="1" title="Regular Expression" ` + attr(this.queryIsRegex, "checked") + `> <input type="checkbox" class="layout-pushdown" name="rx" value="1" title="Regular Expression" ` + attr(this.queryIsRegex, "checked") + `>
</form> </form>
</span> </span>
</div> </div>
<div class="layout-body" id="chatarea"> <div class="layout-body" id="chatarea">
`)) `))
// Header ends // Header ends

11
static/style.css
View File

@ -96,11 +96,18 @@ select {
.nav { .nav {
background: #DDD; background: #DDD;
box-shadow: 0px 4px 24px #CCC; box-shadow: 0px 4px 24px #CCC;
font-size:0; /* remove phantom spaces between elements */
} }
.nav form { .nav form {
display: inline; display: inline;
} }
.nav .btn, .nav .current-page, .nav select {
font-size: 12px;
line-height: 12px;
}
.nav .btn { .nav .btn {
background: white; background: white;
color:black; color:black;
@ -211,7 +218,7 @@ select {
text-align:center; text-align:center;
} }
.nav, .nav select { .nav .btn, .nav .current-page, .nav select {
font-size: 16px; font-size: 16px;
line-height:16px; line-height:16px;
} }
@ -236,7 +243,9 @@ select {
} }
.area-search { .area-search {
display:block;
float:none; float:none;
margin-top: 4px;
} }
#searchbox { #searchbox {