1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Fixed Thread prefix text alignment slightly high

Discussion in 'Resolved Bug Reports' started by emc2, Mar 20, 2013.

  1. emc2

    emc2 Active Member

    Hi KAM,

    This is rather trivial but I guess it still is a bug - that is, if I'm seeing things correctly. The attached screenshot is taken on Chrome 25 (win 7 64bit) and it shows the prefix text doesn't seem to be vertically centered in the surrounding box.

    bug.JPG

    Regards,
    Emc2
     
  2. nrep

    nrep Well-Known Member

    Looks fine to me?
     
  3. Allan

    Allan Well-Known Member

    Me too :cautious:
     
  4. emc2

    emc2 Active Member

    Here is a comparison.. the left is the current state. On the right is me tweaking the css..

    bug-compare.png
     
    erich37, Hornstar and CyclingTribe like this.
  5. CyclingTribe

    CyclingTribe Well-Known Member

    Yup - the different is noticable - how about posting your CSS fix - it might make it easier for the devs (and customers) to incorporate the change. (y)
     
  6. emc2

    emc2 Active Member

    Yeah no worries. I'm sure there's a better way but this is what I did.

    Find:

    Code:
    .discussionListItem .prefix, .searchResult .prefix {
    font-size: 80%;
    margin: 0;
    line-height: 15px;
    font-weight: normal;
    }
    Changed to:

    Code:
    .discussionListItem .prefix, .searchResult .prefix {
    font-size: 80%;
    margin: 0;
    line-height: 15px;
    font-weight: normal;
    position: relative;
    top: -1px;
    padding-top: 1px;
    }
    Regards,
    Emc2
     
  7. Brogan

    Brogan XenForo Moderator Staff Member

    I added this to my EXTRA.css a long time ago to fix it:
    Code:
    .discussionListItem .prefix, .searchResult .prefix {
    line-height: 16px;
    }
     
  8. Mike

    Mike XenForo Developer Staff Member

    I've adjusted the line-height. Doesn't seem to change anything but this.
     
    Slavik, Eagle, emc2 and 5 others like this.
  9. erich37

    erich37 Well-Known Member

    has this been changed for the XF 1.1.4 release ?

    I still see Prefixes being positioned slightly lower than the Title-text....... am running on XF 1.1.4

    Also on thread-view (when viewing a thread).
     
  10. Shelley

    Shelley Well-Known Member

    It's aligned. I just checked using guides in PS. What may be throwing you off is the padding which doesn't seem to be the same for the top and bottom. The top padding seems to be higher by 1px though i could be incorrect.

    prefix_aligned.png

    prefix-align.png
     
    erich37 likes this.
  11. AlexT

    AlexT Well-Known Member

  12. erich37

    erich37 Well-Known Member

    you are right, the text itself is aligned at the "bottom-line", but still it looks a bit odd.
    Especially if you use a background-color for the "Title", then it shows even more clear that something is not aligned......


    I actually mean the thread itself, not necessarily the thread-list. But still also looks a bit misaligned at the thread-list.

    Maybe it is because the font-size is different ? Or maybe it is just a Fatamorgana I am seeing :cool:


    see this:

    prefix_alignment1.jpg

    prefix_pixel.jpg
     
    Shelley likes this.
  13. Brogan

    Brogan XenForo Moderator Staff Member

    Don't forget that isn't the bottom edge of the fonts - characters such as g, q, j, etc. will go below that.

    Essentially though you just need to edit the CSS to suit your site, which is what I did.
     
    Shelley likes this.
  14. Shelley

    Shelley Well-Known Member

    Yeah, alot of the time it's just a trick visually that when those characters are used it gives the illusion that there's alignment issues. I found it wouldn't matter how much you adjusted things some characters will look out of alignment when they're not whilst other prefixes look fine.

    If that made sense, did to me. :p If it's an issue you can't live with you could use all caps I suppose.
     

Share This Page