Font Size Adjustment Required in "Top Deals" & "Front Page Deals" for 4-Digit Vote Counts

Example: https://files.ozbargain.com.au/upload/59756/67357/font_adjus…

4-digit vote counts spill over the border in "Top Deals" & "Front Page Deals".

Comments

  • This is only the 4th time a deal has reached 4 digits, so maybe it's low priority

    https://www.ozbargain.com.au/stats

    • +2

      Font size is already reduced on the main counter for 4-digit + deals to avoid spill over. Shouldn't take much work to extend the logic to the highlight boxes.

      • The problem of reducing the font size is that the vertical space also gets reduced (you can't just make them "narrower") resulting unreadable text. We'll probably need to change the layout rather than just changing the fonts to get it to work, if 4-digit votes becoming more common.

  • Merged from Site Design Suggestions

    Votes spilling out of div, here's a fix:

    Please update main.css

    ul.ozblist div.votes {
    background-color: #fff0c0;
    /* border: #ffd080 1px solid; /
    /
    border-radius: 3px; /
    color: #854301;
    float: left;
    font-size: 110%;
    line-height: 20px;
    padding: 4px;
    text-align: center;
    /
    width: 26px; */
    margin: 0 6px;}

    Out with the borders all together, or if need be, just use a solid color or border-bottom only.

Login or Join to leave a comment