1
0
mirror of https://github.com/meineerde/redmine.git synced 2025-12-19 15:01:14 +00:00

Adapt pagination for smaller screens (#19097).

git-svn-id: http://svn.redmine.org/redmine/trunk@14947 e93f8b46-1217-0410-a6f0-8f06a7374b81
This commit is contained in:
Jean-Philippe Lang 2015-12-05 10:55:55 +00:00
parent 9b52ae5c5a
commit c4ff59337b
3 changed files with 16 additions and 3 deletions

View File

@ -220,11 +220,12 @@ module Redmine
end end
html << '</ul>' html << '</ul>'
html << content_tag('span', "(#{paginator.first_item}-#{paginator.last_item}/#{paginator.item_count})", :class => 'items') + ' ' info = ''.html_safe
info << content_tag('span', "(#{paginator.first_item}-#{paginator.last_item}/#{paginator.item_count})", :class => 'items') + ' '
if per_page_links != false && links = per_page_links(paginator, &block) if per_page_links != false && links = per_page_links(paginator, &block)
html << content_tag('span', links.to_s, :class => 'per-page') info << content_tag('span', links.to_s, :class => 'per-page')
end end
html << content_tag('span', info)
html.html_safe html.html_safe
end end

View File

@ -506,6 +506,9 @@ span.pagination {margin-left:3px; color:#888;}
border: 1px solid #ccc; border: 1px solid #ccc;
margin-left: -1px; margin-left: -1px;
line-height: 2em; line-height: 2em;
margin-bottom: 1em;
white-space: nowrap;
text-align: center;
} }
.pagination ul.pages li a, .pagination ul.pages li a,
.pagination ul.pages li span { .pagination ul.pages li span {
@ -532,6 +535,7 @@ span.pagination {margin-left:3px; color:#888;}
color: inherit; color: inherit;
text-decoration: inherit; text-decoration: inherit;
} }
span.pagination>span {white-space:nowrap;}
#search-form fieldset p {margin:0.2em 0;} #search-form fieldset p {margin:0.2em 0;}

View File

@ -825,3 +825,11 @@
width: 100%; width: 100%;
} }
} }
@media all and (max-width: 599px) {
.pagination ul.pages li {display:none;}
.pagination ul.pages li.current,
.pagination ul.pages li.previous,
.pagination ul.pages li.next {display:inline-block; width:32%; overflow:hidden;}
}