From c4ff59337bb6c64594e75bc83f46356f6b408b4c Mon Sep 17 00:00:00 2001 From: Jean-Philippe Lang Date: Sat, 5 Dec 2015 10:55:55 +0000 Subject: Adapt pagination for smaller screens (#19097). git-svn-id: http://svn.redmine.org/redmine/trunk@14947 e93f8b46-1217-0410-a6f0-8f06a7374b81 --- public/stylesheets/application.css | 4 ++++ public/stylesheets/responsive.css | 8 ++++++++ 2 files changed, 12 insertions(+) (limited to 'public') diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css index 7e3b94a76..55981e908 100644 --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -506,6 +506,9 @@ span.pagination {margin-left:3px; color:#888;} border: 1px solid #ccc; margin-left: -1px; line-height: 2em; + margin-bottom: 1em; + white-space: nowrap; + text-align: center; } .pagination ul.pages li a, .pagination ul.pages li span { @@ -532,6 +535,7 @@ span.pagination {margin-left:3px; color:#888;} color: inherit; text-decoration: inherit; } +span.pagination>span {white-space:nowrap;} #search-form fieldset p {margin:0.2em 0;} diff --git a/public/stylesheets/responsive.css b/public/stylesheets/responsive.css index dc3ebba8a..73b40875d 100644 --- a/public/stylesheets/responsive.css +++ b/public/stylesheets/responsive.css @@ -825,3 +825,11 @@ 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;} +} + -- cgit v1.2.3