This is the mail archive of the
cygwin-patches
mailing list for the Cygwin project.
Re: /packages CGI HTML modernization
- From: Warren Young <warren at etr-usa dot com>
- To: Cygwin Patches <cygwin-patches at cygwin dot com>
- Date: Fri, 20 Jun 2014 11:09:02 -0600
- Subject: Re: /packages CGI HTML modernization
- Authentication-results: sourceware.org; auth=none
- References: <53A30714 dot 7010707 at etr-usa dot com> <87fvj0ur5y dot fsf at Rainer dot invalid> <53A4672C dot 9080304 at etr-usa dot com>
On 6/20/2014 10:54, Warren Young wrote:
The CSS is now:
Sorry, left a few things out:
ul.pkglist li {
display: block;
clear: both;
}
ul.pkglist a {
background: url('http://sourceware.org/icons/ball.gray.gif')
no-repeat;
background-position: 0px 0.7em;
background-size: 10px 10px;
padding-left: 20px;
padding-top: 0.4em;
float: left;
width: 30%;
}
ul.pkglist span {
float: left;
padding-top: 0.4em;
width: 67%;
}
The main thing is that I forgot to include the "ul.pkglist" parent
qualifiers on the second two CSS rules.
Note, however, that I also added the width attributes to the two <li>
children, which has the nice effect of making the JS completely
optional. The default values will make the package name column wrap,
but if JS is available, the jQuery script I posted previously will
increase the column width to fix that.
The (30%+67%) < 100% thing is another hack around the margins the
browser uses, just like the 40px magic constant in the JS.