Firefox and the little arrows in the postbit

Mark.B

Well-known member
Sorry about this, because I *know* Kier' or Mike have mentioned this in a post ages ago...but I can't find it.

What is the situation with the little arrows next to the avatars in the postbit? (And also the arrows in the breadcrumb). They are the wrong colour in Firefox. Is there any proposed fix for this or is it a browser bug?

Sounds a minor detail but I'm terribly anal about stuff like this. :)
 

Jake Bunce

XenForo moderator
Staff member
I don't have this problem.

That arrow in the postbit is controlled by this CSS:

Admin CP -> Appearance -> Templates -> message_user_info.css

Code:
		.messageUserBlock .arrow
		{
			position: absolute;
			top: 10px;
			right: -10px;
			
			display: block;
			width: 0px;
			height: 0px;
			line-height: 0px;
			
			border: 10px solid transparent;
			border-left-color: @messageUserBlock.border-color;
			border-right: none;
			
			/* Hide from IE6 */
			_display: none;
		}
		
			.messageUserBlock .arrow span
			{
				position: absolute;
				top: -10px;
				left: -11px;
				
				display: block;
				width: 0px;
				height: 0px;
				line-height: 0px;
				
				border: 10px solid transparent;
				border-left-color: @messageAvatarHolder.background-color;
				border-right: none;
			}
 

EQnoble

Well-known member
I don't see it in firefox..it may just be a resolution/rendering issue on user end. hit Ctrl+0 and see if that fixes it

here is what I see on this page...

breadcrumb.pngbreadcrumbZoom.png
 

Jake Bunce

XenForo moderator
Staff member
No problem in FF 3.6.23.

In the default style that line of color is controlled by this CSS:

Rich (BB code):
		.messageUserBlock .arrow
		{
			position: absolute;
			top: 10px;
			right: -10px;
			
			display: block;
			width: 0px;
			height: 0px;
			line-height: 0px;
			
			border: 10px solid transparent;
			border-left-color: @messageUserBlock.border-color;
			border-right: none;
			
			/* Hide from IE6 */
			_display: none;
		}
 

dieketzer

Well-known member
yes, but it doesnt appear to actually do that when viewing on ff4, not even on this very site.
it is some sort of browser bug i guess.
 

Mark.B

Well-known member
Yes it's definitely ok in other browsers but in Firefox 4 or above it's always been grey.

I'm certain a post was made about it somewhere by Kier or Mike but I can't find it.

I've tried tweaking the CSS but it has no effect.
 

zappaDPJ

Well-known member
Firebug appears to confirm the correct colour is present in the CSS but my PC (and laptop for that matter) always renders it incorrectly.

demo2.jpg
 

Mark.B

Well-known member
This probably needs moving to the bugs forum then if a mod wouldn't mind, so we can get a formal response from the team.

I suspect it's going to be "browser bug" but my concern is that such a vital part of the UI actually looks "broken" (graphically) to such a large number of users.
 

Hoffi

Well-known member
It's a firefox Problem. But not all Firefox. I've never seen it, and I use Firefox most of the day with Windows 7. All arrows are correct.
 

Mark.B

Well-known member
It's a firefox Problem. But not all Firefox. I've never seen it, and I use Firefox most of the day with Windows 7. All arrows are correct.
What version of FF are you running?

I understood it was broken on 4 and above, but ok on 3.6.
 

Mark.B

Well-known member
Interesting...I know it happens on all my installations but will have to try it at work.
 

Mark.B

Well-known member
This is most weird.

There has to be a reason why it's working for some but not others.

If it was just me I'd be fine with it but clearly there's an issue *somewhere*.
 

Mike

XenForo developer
Staff member
It is indeed a browser bug -- I found the bugzilla reference a while ago. No idea where I found it now. :)
 
Top