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

Firefox and the little arrows in the postbit

Mark.B

Well-known member
#1
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
#2
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
#4
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.png breadcrumbZoom.png
 

Jake Bunce

XenForo moderator
Staff member
#6
No problem in FF 3.6.23.

In the default style that line of color is controlled by this 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;
		}
 

dieketzer

Well-known member
#7
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
#8
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
#9
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
#10
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
#11
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
#17
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
#20
It is indeed a browser bug -- I found the bugzilla reference a while ago. No idea where I found it now. :)