[ticket/14229]Responsive changes to topic paging

This commit is contained in:
Michael Miday 2015-10-11 14:00:09 +02:00
parent 0e22521aab
commit c3c41d409b
3 changed files with 30 additions and 9 deletions

View file

@ -189,6 +189,13 @@
<!-- IF topicrow.REPLIES --><span class="responsive-show left-box" style="display: none;">{L_REPLIES}{L_COLON} <strong>{topicrow.REPLIES}</strong></span><!-- ENDIF --> <!-- IF topicrow.REPLIES --><span class="responsive-show left-box" style="display: none;">{L_REPLIES}{L_COLON} <strong>{topicrow.REPLIES}</strong></span><!-- ENDIF -->
<!-- ENDIF --> <!-- ENDIF -->
<div class="responsive-hide">
<!-- IF topicrow.S_HAS_POLL --><i class="icon fa-bar-chart fa-fw" aria-hidden="true"></i><!-- ENDIF -->
<!-- IF topicrow.ATTACH_ICON_IMG --><i class="icon fa-paperclip fa-fw" aria-hidden="true"></i><!-- ENDIF -->
{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}
<!-- IF topicrow.S_POST_GLOBAL and FORUM_ID != topicrow.FORUM_ID --> &raquo; {L_IN} <a href="{topicrow.U_VIEW_FORUM}">{topicrow.FORUM_NAME}</a><!-- ENDIF -->
</div>
<!-- IF .topicrow.pagination --> <!-- IF .topicrow.pagination -->
<div class="pagination"> <div class="pagination">
<span><i class="icon fa-clone fa-fw" aria-hidden="true"></i></span> <span><i class="icon fa-clone fa-fw" aria-hidden="true"></i></span>
@ -205,13 +212,6 @@
</div> </div>
<!-- ENDIF --> <!-- ENDIF -->
<div class="responsive-hide">
<!-- IF topicrow.S_HAS_POLL --><i class="icon fa-bar-chart fa-fw" aria-hidden="true"></i><!-- ENDIF -->
<!-- IF topicrow.ATTACH_ICON_IMG --><i class="icon fa-paperclip fa-fw" aria-hidden="true"></i><!-- ENDIF -->
{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}
<!-- IF topicrow.S_POST_GLOBAL and FORUM_ID != topicrow.FORUM_ID --> &raquo; {L_IN} <a href="{topicrow.U_VIEW_FORUM}">{topicrow.FORUM_NAME}</a><!-- ENDIF -->
</div>
<!-- EVENT topiclist_row_append --> <!-- EVENT topiclist_row_append -->
</div> </div>
</dt> </dt>

View file

@ -807,7 +807,6 @@ fieldset.fields1 dl.pmlist dd.recipients {
---------------------------------------- */ ---------------------------------------- */
.pagination { .pagination {
float: right; float: right;
margin-top: 3px;
text-align: right; text-align: right;
width: auto; width: auto;
} }
@ -876,7 +875,7 @@ fieldset.fields1 dl.pmlist dd.recipients {
/* Pagination in viewforum for multipage topics */ /* Pagination in viewforum for multipage topics */
.row .pagination { .row .pagination {
display: block; display: block;
margin-top: 0; margin-top: -10px;
} }
.row .pagination > ul { .row .pagination > ul {

View file

@ -280,6 +280,10 @@
margin: 5px 0 0; margin: 5px 0 0;
} }
.row .pagination {
margin-top: 0;
}
.row .pagination .ellipsis + li { .row .pagination .ellipsis + li {
display: none !important; display: none !important;
} }
@ -557,3 +561,21 @@
.postbody { width: 70%; } .postbody { width: 70%; }
} }
@media (min-width: 701px) and (max-width: 950px) {
.row .pagination {
margin-top: 0;
}
ul.topiclist dt {
margin-right: -410px;
}
ul.topiclist dt .list-inner {
margin-right: 410px;
}
dd.posts, dd.topics, dd.views {
width: 80px;
}
}