ElkArte Community

Elk Development => Bug Reports => Exterminated Bugs => Topic started by: Antechinus on June 02, 2013, 07:11:57 pm

Title: Jumpy second and third level links in droppys.
Post by: Antechinus on June 02, 2013, 07:11:57 pm
Groovy borders on hover, but you missed the trick to stop them jumping.


The old code included a transparent 1px solid border around the links off hover. There was a reason for that. It stops the links jumping around by 1px when you apply the visible, coloured border on hover.


This is the best way to do such links: apply a see-through border all the time, and just change the colour and/or opacity on hover.

Here endeth teh lesson. :)
Title: Re: Jumpy second and third level links in droppys.
Post by: Arantor on June 02, 2013, 07:17:57 pm
/me misses the like button
Title: Re: Jumpy second and third level links in droppys.
Post by: Antechinus on June 02, 2013, 08:11:02 pm
/me doesn't much like Like buttons........
Title: Re: Jumpy second and third level links in droppys.
Post by: The Craw on June 03, 2013, 01:56:13 am
A a slight box-shadow might look nicer, and won't make things jump around.
Title: Re: Jumpy second and third level links in droppys.
Post by: TE on June 03, 2013, 02:32:23 am
The theme (and variants) are still considered WIP, but thanks for reporting  :)
/me misses a :thumbsup: smiley

Wanna fix it yourself?  :D  I know you hate github but it's not that complicated with Netbeans IDE..  I'm planning some docs with screenshots and the whole process is mostly GUI based.
Title: Re: Jumpy second and third level links in droppys.
Post by: Antechinus on June 03, 2013, 08:29:01 am
No. :P
Title: Re: Jumpy second and third level links in droppys.
Post by: emanuele on June 03, 2013, 04:26:35 pm
https://github.com/elkarte/Elkarte/issues/490

Fixed
Title: Re: Jumpy second and third level links in droppys.
Post by: Antechinus on July 11, 2013, 11:53:29 pm
Hey I had a better idea about this. I'm going to declare box-sizing: border-box on all menu links. That will be less for n00bz to worry about.

I know the default transparent border is in the repo stuffz already, but that depends on teh noobz wanting the same size border all round, and on them remembering to change the fallback transparent border width if they're getting fancy, n stuff. IOW, someone, sometime, is going to drive themeselves nuts with it.

If we just make them all border-box, any and all borders will automatically fit within the anchor's limits, so it's more idiot-proof. This is good. :)