skewed pager layout at first and last nodes
joachim - March 1, 2009 - 18:54
| Project: | Custom Pagers |
| Version: | 6.x-1.10-beta1 |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
At the first and last nodes, either 'previous' or 'next' is omitted, and so there are only two items shown instead of three.
This makes the default layout (on Garland, for example) skewed to one side and it looks pretty ugly.
Possible solutions:
- return instead of empty string (a bit hacky; some themers may well rely on resting for an empty string)
- use display: inline the same way as the core pager
- instead of floating everything left, float prev and next left and right and put the counter in the middle
#1
I agree.
I noticed this layout gotcha when working with the pagers and am also interested in a fix.
I like the buttons to show in a relatively predicable fashion.
If someone can help me figure out the relevant snippet of markup that lays this area out, maybe we can work on a fix to the markup. cant be a major change.
#2
Try this - it works pretty well for me
ul.custom-pager {
margin: 0;
padding: 0;
text-align: center;
}
ul.custom-pager li {
margin: 0;
padding-left: 10px;
padding-right: 10px;
display: inline;
list-style-type: none;
list-style-image: none;
background: none;
white-space: nowrap;
}