Firefox and the little arrows in the postbit

[Mark.B]

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]

I don't have this problem.

That arrow in the postbit is controlled by this CSS:

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

		.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;
			}

 

[zappaDPJ]

I don't have this problem.

I don't have this problem in any version of IE I've used but it's always been present in Firefox as far I recall. Are you saying you've not seen it in Firefox Jake?

 

[EQnoble]

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...

 

[dieketzer]

its always appeared grey to me as well on ff (4)

 

[Jake Bunce]

No problem in FF 3.6.23.

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

		.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]

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]

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]

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

 

[Mark.B]

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]

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]

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.

 

[Hoffi]

Lett me take a look, I'ts 6.02

 

[zappaDPJ]

Just for the record, I'm running 7.0.1

 

[Mark.B]

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

 

[Rigel Kentaurus]

Firefox 7.0.1, I don't have that bug

 

[Mark.B]

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*.

 

[ge66]

I also see this flaw in my firefox 7.0.1 on ubuntu 11.10

 

[Veer]

Firefox 7.0.1 on Windows 7

 

[Mike]

It is indeed a browser bug -- I found the bugzilla reference a while ago. No idea where I found it now.