MightyPork/bread-gallery
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

pager also at page end

Browse Source
This commit is contained in:
MightyPork
2020-03-19 00:20:12 +01:00
parent 6bcebd115c
commit e79bc05a1a
2 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/assets/style.css
+7 -7
View File
@@ -101,7 +101,7 @@ a {
} }
#YearPager { .YearPager {
font-size: 120%; font-size: 120%;
list-style: none; list-style: none;
display: block; display: block;
@@ -109,7 +109,7 @@ a {
padding: 0; padding: 0;
} }
#YearPager li { .YearPager li {
display: inline-block; display: inline-block;
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -118,26 +118,26 @@ a {
border-right-width: 0; border-right-width: 0;
} }
#YearPager a { .YearPager a {
display: inline-block; display: inline-block;
padding: .5rem .8rem; padding: .5rem .8rem;
} }
#YearPager li:hover { .YearPager li:hover {
background: #444; background: #444;
} }
#YearPager li.active { .YearPager li.active {
font-weight: bold; font-weight: bold;
} }
#YearPager li:last-child { .YearPager li:last-child {
border-right-width: 1px; border-right-width: 1px;
border-top-right-radius: 7px; border-top-right-radius: 7px;
border-bottom-right-radius: 7px; border-bottom-right-radius: 7px;
} }
#YearPager li:first-child { .YearPager li:first-child {
border-top-left-radius: 7px; border-top-left-radius: 7px;
border-bottom-left-radius: 7px; border-bottom-left-radius: 7px;
} }
web/templates/index.html
+5 -1
View File
@@ -8,12 +8,16 @@
<p id="crumb">Like and <a href="feed.xml">subscribe</a></p> <p id="crumb">Like and <a href="feed.xml">subscribe</a></p>
<ul id="YearPager"> <ul class="YearPager">
{year_pager} {year_pager}
</ul> </ul>
<div class="MainGallery"> <div class="MainGallery">
{breads} {breads}
</div> </div>
<ul class="YearPager">
{year_pager}
</ul>
</body> </body>
</html> </html>