<div class="gmail_quote">On Fri, Feb 5, 2010 at 9:23 PM, Timothy Allen <span dir="ltr"><<a href="mailto:screwtape@froup.com">screwtape@froup.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
On Fri, 5 Feb 2010 13:19:00 -0600<br>
<div class="im">Kevin Horn <<a href="mailto:kevin.horn@gmail.com">kevin.horn@gmail.com</a>> wrote:<br>
</div><div class="im">> > I'll see if I can find/make time to have a look at the CSS.<br>
><br>
> That would be really great. There are a few things that are driving<br>
> me bonkers. For example: the prev/next/index links on the right hand<br>
> side of the gray navbar are 1 freakin' pixel lower than the<br>
> "breadcrumb" links on the left hand side of the same navbar () at<br>
> least on this machine), and I have no idea why.<br>
<br>
</div>After spending a few minutes poking about with Firebug, the reason<br>
becomes clear:<br>
<br>
- In twistedtrac.css line 38, the navbar list items are set to<br>
"display: inline", which makes them layout like "<span>" and stack<br>
up nicely on the left, but also makes them ignore certain vertical<br>
adjustments like margin and padding.<br>
- In twistedtrac.css line 42, the navbar list items on the right are<br>
set to "float: right", which makes them stack up nicely on the right<br>
but also happens to make them respond to margin and padding again.<br>
- In trac.css line 179, the navbar list items are set to "padding:<br>
0.25em 0", giving them vertical padding. This is ignored by the<br>
inline list items on the left, but respected by the floated list<br>
items on the right.<br></blockquote><div><br>Brilliant!<br><br>It may only have taken you a few minutes, but it would have taken me...considerably longer. :)<br> </div><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
I haven't studied the CSS of the main Twisted site, so I don't know how<br>
they get around it there.<br></blockquote><div><br>On the main twisted site, they don't have anything on the left...not sure how the Sphinx templates handle it though...<br> </div><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
One easy way around it for the docs might be to change "display:<br>
inline" to "float: left", which also makes them stack up on the left,<br>
and behave consistently with the ones on the right.<br>
<div><div></div><div class="h5"><br></div></div></blockquote></div><br>Actually that jacks up the height on the navbar completely (at least for me).<br><br>Overriding the padding in twistedtrac.css seems to work though, so I think that's what I'll go with.<br>
<br>
Thanks for the help! <br><br>Kevin Horn<br>