Fixed Thread prefix text alignment slightly high

[emc2]

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.



Regards,
Emc2

 

[nrep]

Looks fine to me?

 

[Allan]

Looks fine to me?

Me too

 

[emc2]

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

 

[CTXMedia]

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.

 

[emc2]

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

Find:

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

Changed to:

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

Regards,
Emc2

 

[Paul B]

I added this to my EXTRA.css a long time ago to fix it:

.discussionListItem .prefix, .searchResult .prefix {
line-height: 16px;
}

 

[Mike]

I've adjusted the line-height. Doesn't seem to change anything but this.

 

[erich37]

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]

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.

 

[AlexT]

View attachment 46300

Pixel Art!!!

 

[erich37]

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


see this:

 

[Paul B]

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]

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. If it's an issue you can't live with you could use all caps I suppose.