Wedge

Public area => Bug reports => The Pub => Archived fixes => Topic started by: Alanthar on November 2nd, 2012, 09:15 AM

Title: Media area - Wuthering - linktree
Post by: Alanthar on November 2nd, 2012, 09:15 AM

The pretty linktree seems to be clashing a bit with the help overlay in the media area.

Chrome 22.0

Title: Re: Media area - Wuthering - linktree
Post by: Arantor on November 2nd, 2012, 08:02 PM

This is funky and I almost want to chalk it up to a browser bug.

See, the linktree - including those components - are specified as being z-index 1, while the help popup (not so much the background blackout part) is z-index 999 - yet the browser is not organising it properly. That's true for Chrome 22 based on the above and for Chrome 23 for me.

Meanwhile in Firefox 15 (which is what I have right now), it works semi-properly - when the blackout background kicks in, the gradient corner bits disappear until the background disappears again.

Title: Re: Media area - Wuthering - linktree
Post by: Alanthar on November 2nd, 2012, 08:32 PM

These things are to blame that I got to loooooooooove web programming/design compared to bland old desktop/console stuff. *readbetweenthelineseveniftheresnolinebreakinthispost/tm*

Title: Re: Media area - Wuthering - linktree
Post by: Nao on November 2nd, 2012, 08:43 PM

Hmm... If Chrome, Opera and Firefox exhibit the same behavior, it's not a browser bug... Rather a flawed algorithm.
Anyway-- this is easily fixed by setting z-index to 1 on #help_pop, according to my (pretty much random) local tests.
I've uploaded the fix to wedge.org, please test on different browsers and post again if you find any issues!

Ps: I'm only starting to get into the new topics and discussions on the alpha. I've been a bit busy IRL. Or maybe I just wanted to take that dreaded break...

Posted: November 2nd, 2012, 08:40 PM

Oh, BTW, I'm aware that this linktree is hardly going to work from the get-go on all browsers. For instance, Firefox tends to offset the rounded borders to the top (extra kudos to anyone who finds a fix to that that doesn't involve browser sniffing, because that's what I'm heading for... And even then, the problem fixes itself when trying to view the page in Firebug, yay........)

Also, Opera had issues with border-radius and the negative margin. Heck, I'm probably going to have to do browser sniffing for every damn browser, but it's still better than these annoying PNG files everyone tends to use... :P

Title: Re: Media area - Wuthering - linktree
Post by: Arantor on November 2nd, 2012, 08:45 PM

Quote

Hmm... If Chrome, Opera and Firefox exhibit the same behavior, it's not a browser bug...

Except I never tried Opera but Chrome and Firefox do completely different things. Chrome misplaces the z-indexes, Firefox hides them entirely when the popup is active.

Title: Re: Media area - Wuthering - linktree
Post by: Nao on November 2nd, 2012, 08:47 PM

I didn't get that in Firefox. I'm using Aurora, ie. v18, btw.

Title: Re: Media area - Wuthering - linktree
Post by: Alanthar on November 2nd, 2012, 08:50 PM

Seems to work in the IEs and Chrome. Wont upload a pic - with uploading a bmp I would hurt myself more than i could possibly annoy you. ;)