This is the mail archive of the cygwin-patches mailing list for the Cygwin project.


Index Nav: [Date Index] [Subject Index] [Author Index] [Thread Index]
Message Nav: [Date Prev] [Date Next] [Thread Prev] [Thread Next]
Other format: [Raw text]

Re: /packages CGI HTML modernization


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.


Index Nav: [Date Index] [Subject Index] [Author Index] [Thread Index]
Message Nav: [Date Prev] [Date Next] [Thread Prev] [Thread Next]