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

7
ArchiveState.go
View File

@ -296,15 +296,14 @@ 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">

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 {