Front page sidebar breakage



  • Tried to search, couldn't find anything else about this, so...

    Safari:

    Firefox:

    Is anyone else seeing this on the front page? It looks crap (and probably broken or at least unintentional).



  • Yup!



  • Even better, in Chrome it renders like:

    edit: no, that's the responsive styling being terrible. they expand automatically if you size the window slightly larger.

    Did anyone ever actually test this? ;)



  • Yeah but!
    Expanding the foldables still unveils a mess.



  • I love how the Vivaldi thread (which is long past its prime and was bumped after two weeks) made it to the sidebar front page.

    I feel like the hot topic thermometer is a little broken.



  • @Minimaul said:

    Is anyone else seeing this on the front page? It looks crap (and probably broken or at least unintentional).

    Looks same on Firefox (Linux). Chromium and Konqueror OK, if the window is (at least about) 1024 pixels wide.

    Tested with several window widths. Conclusion: if you use a different browser and/or a different window size than the discodevs, you are Doing It Wrong™.

    @aliceif said:

    I feel like the hot topic thermometer is a little broken.

    Just a wild guess: When the discoheat drops below 0°F, it is converted to Kelvin, then that value is re-interpreted on the Rankine scale and converted to Réaumur.



  • My window is 1600 pixels wide and it still renders weirdly.



  • @PWolff said:

    the discodevs

    I don't think we can blame them, they didn't design the front page.



  • So it is a problem with rendering lists.

    Edit: The page source reveals:

             <ul>
                <li><div><a href="/articles/random">Random Article</a></div></li>
    

    All I found about div alignment in the css is

    vertical-align: baseline;

    As div is a block element, it should be confined to a rectangular area. (IIRC that is mostly done by starting a new line, but I don't know whether it is allowed to put it to the right of a neighboring sibling.)

    (That's what I've found so far.)


Log in to reply