[upd] clean up id and proper css in paging template

This commit is contained in:
Knah Tsaeb 2015-07-03 14:32:04 +02:00
parent f89abe02e8
commit 3c20b1071e
3 changed files with 55 additions and 31 deletions

View file

@ -361,6 +361,7 @@ a, .linkdescription a {
.linksperpage {
box-shadow: 0 0 0 rgba(0,0,0,0.5);
display: inline;
padding: 3px;
}
@ -372,6 +373,10 @@ a, .linkdescription a {
padding: 5px;
}
.linksperpage input {
width: 2em;
}
.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
background: linear-gradient(#dedede,#ffffff);
background-color: #dedede;
@ -425,6 +430,7 @@ a, .linkdescription a {
.paging a:link {
color: #ccc;
text-decoration: none;
margin: 0 0.2em;
}
.paging a:visited {
@ -439,13 +445,12 @@ a, .linkdescription a {
color: #fff;
}
#paging_privatelinks {
.paging_privatelinks {
float: left;
}
#paging_linksperpage {
.paging_linksperpage {
float: right;
padding-right: 5px;
}
.paging_current {
@ -453,14 +458,19 @@ a, .linkdescription a {
display: inline;
}
#paging_older {
.paging_older {
margin-right: 15px;
}
#paging_newer {
.paging_newer {
margin-left: 15px;
}
.paginNavigation {
margin: 0 auto;
width: 50%;
}
#headerform {
clear: both;
color: #ffffff;
@ -1158,13 +1168,13 @@ a:hover, .linkdescription a:hover, .linktitle a:hover, .linkWallabag a:hover, .l
top: -10px;
}
#paging_linksperpage {
.paging_linksperpage {
float: none;
font-size: smaller;
margin-bottom: 10px;
}
#paging_older, #paging_newer, #paging_linksperpage a {
.paging_older, .paging_newer, .paging_linksperpage a {
background-color: #666;
border: 1px solid black;
border-radius: 5px 5px 5px 5px;

View file

@ -360,6 +360,7 @@ a, .linkdescription a {
.linksperpage {
box-shadow: 0 0 0 rgba(0,0,0,0.5);
display: inline;
padding: 3px;
}
@ -371,6 +372,10 @@ a, .linkdescription a {
padding: 5px;
}
.linksperpage input {
width: 2em;
}
.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
background: linear-gradient(#dedede,#ffffff);
background-color: #dedede;
@ -424,6 +429,7 @@ a, .linkdescription a {
.paging a:link {
color: #ccc;
text-decoration: none;
margin: 0 0.2em;
}
.paging a:visited {
@ -438,13 +444,12 @@ a, .linkdescription a {
color: #fff;
}
#paging_privatelinks {
.paging_privatelinks {
float: left;
}
#paging_linksperpage {
.paging_linksperpage {
float: right;
padding-right: 5px;
}
.paging_current {
@ -452,14 +457,19 @@ a, .linkdescription a {
display: inline;
}
#paging_older {
.paging_older {
margin-right: 15px;
}
#paging_newer {
.paging_newer {
margin-left: 15px;
}
.paginNavigation {
margin: 0 auto;
width: 50%;
}
#headerform {
clear: both;
color: #ffffff;
@ -1121,13 +1131,13 @@ a:hover, .linkdescription a:hover, .linktitle a:hover, .linkWallabag a:hover, .l
top: -10px;
}
#paging_linksperpage {
.paging_linksperpage {
float: none;
font-size: smaller;
margin-bottom: 10px;
}
#paging_older, #paging_newer, #paging_linksperpage a {
.paging_older, .paging_newer, .paging_linksperpage a {
background-color: #666;
border: 1px solid black;
border-radius: 5px 5px 5px 5px;

View file

@ -1,20 +1,24 @@
<div class="paging">
{if="isLoggedIn()"}
<div id="paging_privatelinks">
<a href="?privateonly">
{if="$privateonly"}
<img src="images/private_16x16_active.png#" width="16" height="16" title="Click to see all links" alt="Click to see all links">
{else}
<img src="images/private_16x16.png#" width="16" height="16" title="Click to see only private links" alt="Click to see only private links">
{if="isLoggedIn()"}
<div class="paging_privatelinks">
<a href="?privateonly"> {if="$privateonly"} <img src="images/private_16x16_active.png#" width="16" height="16" title="Click to see all links" alt="Click to see all links"> {else} <img src="images/private_16x16.png#" width="16" height="16" title="Click to see only private links" alt="Click to see only private links"> {/if} </a>
</div>
{/if}
</a>
<div class="paging_linksperpage">
Links per page: <a href="?linksperpage=20">20</a><a href="?linksperpage=50">50</a><a href="?linksperpage=100">100</a>
<form method="GET" class="linksperpage">
<input type="text" name="linksperpage">
</form>
</div>
{/if}
<div id="paging_linksperpage">
Links per page: <a href="?linksperpage=20">20</a> <a href="?linksperpage=50">50</a> <a href="?linksperpage=100">100</a>
<form method="GET" style="display:inline;" class="linksperpage"><input type="text" name="linksperpage" size="2" style="height:15px;"></form>
<div class="paginNavigation">
{if="$previous_page_url"}
<a href="{$previous_page_url}" class="paging_older">&#x25C4;Older</a>
{/if}
<div class="paging_current">
page {$page_current} / {$page_max}
</div>
{if="$next_page_url"}
<a href="{$next_page_url}" class="paging_newer">Newer&#x25BA;</a>
{/if}
</div>
{if="$previous_page_url"} <a href="{$previous_page_url}" id="paging_older">&#x25C4;Older</a> {/if}
<div class="paging_current">page {$page_current} / {$page_max} </div>
{if="$next_page_url"} <a href="{$next_page_url}" id="paging_newer">Newer&#x25BA;</a> {/if}
</div>