• 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

emc2

Active member
#1
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
 

CTXMedia

Formerly CyclingTribe
#5
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)
 

emc2

Active member
#6
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
 

Brogan

XenForo moderator
Staff member
#7
I added this to my EXTRA.css a long time ago to fix it:
Code:
.discussionListItem .prefix, .searchResult .prefix {
line-height: 16px;
}
 

erich37

Well-known member
#9
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).
 

Shelley

Well-known member
#10
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).
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

Well-known member
#12
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.
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
 

Brogan

XenForo moderator
Staff member
#13
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

Well-known member
#14
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.
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.