« Disable animation on mobile devices
Action buttons: positioning
Aeme features ideas. »
Poll

Where do you like your action buttons best?

At the top of my posts, like it used to be.
0 (0%)
Below my posts, like now.
16 (72.7%)
Either way is fine to me.
2 (9.1%)
Either way is awkward to me, at least for now.
1 (4.5%)
I think they should be located on planet Mars, where at least with a good telescope I might be able to notice them.
3 (13.6%)
Total Members Voted: 20

Nao

  • Dadman with a boy
  • Posts: 16,082
Re: Action buttons: positioning
« Reply #45, on May 12th, 2012, 08:49 PM »
So...
Got it done.
It's a bit annoying overall. The extra JS for bug fixing amounts to a hundred gzipped bytes which isn't exactly a victory to me, even though the final JS is still about 220 bytes shorter than the current version.

Also, I had to get rid of the current way I'm showing user names in posts. Currently, it's h4 { overflow: hidden; text-overflow: ellipsis } followed by h4:hover { overflow: visible }, to simplify.
In the new version, it's going to simply be h4 { word-wrap: break-word }, which is an IE proprietary CSS rule that is also working on all modern browsers (the most recent browser that doesn't support it is Opera 10.10, which is like 2 years old anyway). The CSS group renamed it to overflow-wrap or something, but right now everyone uses word-wrap and I don't see it taking off anyway. My main issue with word-wrap is that although it does work (showing long user names on two lines), it also has a 'clear' effect in that it shows the text at the beginning of the next line, rather than to the right of the Online icon. Meh, I'm not a big fan of this way of doing things...

Opinions please. Do you like the new version, or not?

Will upload ASAP. Just compare to your SVN version if you have it installed somewhere. For non-consultants, well... Use your memory :)
Re: Action buttons: positioning
« Reply #46, on May 12th, 2012, 08:51 PM »
Up... and running :)
Click the Like button if you like better than the old style, lol, it's a mini-poll in itself ;)

:edit: Added screenshots of the 'old' style. Also, do tell me if it doesn't work in a browser... Only tested on Opera 11.64.

📎 oldprofilemenu.png - 12.97 kB, 170x147, viewed 334 times.

📎 oldactionmenu.png - 10.89 kB, 212x194, viewed 325 times.

godboko71

  • Fence accomplished!
  • Hello
  • Posts: 361
Re: Action buttons: positioning
« Reply #48, on May 13th, 2012, 05:49 AM »
I like the new way better, the + button menu looks great.Yet to test on any mobile devices though.
Thank you,
Boko

Dragooon

  • I can code! Really!
  • polygon.com has to be one of the best sites I've seen recently.
  • Posts: 1,841
Re: Action buttons: positioning
« Reply #49, on May 13th, 2012, 05:51 AM »
Quote from Nao on May 12th, 2012, 08:51 PM
Up... and running :)
Click the Like button if you like better than the old style, lol, it's a mini-poll in itself ;)

:edit: Added screenshots of the 'old' style. Also, do tell me if it doesn't work in a browser... Only tested on Opera 11.64.
Seems to be working well. Although typing on my phone is fairly slow.
The way it's meant to be

live627

  • Should five per cent appear too small / Be thankful I don't take it all / 'Cause I'm the taxman, yeah I'm the taxman
  • Posts: 1,670
Re: Action buttons: positioning
« Reply #50, on May 13th, 2012, 06:57 AM »
Nao, it works fine in Firefox 12 (ugh, why the hell do they do this??). But, then again, what doesn't? :)
A confident man keeps quiet.whereas a frightened man keeps talking, hiding his fear.

Nao

  • Dadman with a boy
  • Posts: 16,082
Re: Action buttons: positioning
« Reply #51, on May 13th, 2012, 08:51 AM »
Works well in iOS 4 except the user menu doesn't pop up at all. Odd!
Dragooon, was typing faster yesterday...?

Dragooon

  • I can code! Really!
  • polygon.com has to be one of the best sites I've seen recently.
  • Posts: 1,841
Re: Action buttons: positioning
« Reply #52, on May 13th, 2012, 08:54 AM »
I don't know, this was the first time I used my android phone to type using full reply.

Nao

  • Dadman with a boy
  • Posts: 16,082
Re: Action buttons: positioning
« Reply #53, on May 13th, 2012, 07:12 PM »
lol. Forgot to add a z-index to minimenus ;) will do soon.
Posted: May 13th, 2012, 06:15 PM

So I fixed that, but I'm still at a loss why User menus aren't working on my iPod while Action menus work just fine... They're using the same code pretty much -- same JS except for a test, where I tried to remove the differences to no avail, and some CSS where I don't see how it's going to make a difference... Safari doesn't report any errors...

Maybe it can be reproduced on a desktop browser. Anyone? Try hovering my user name on the left... You know, 'Nao', if you need the help ;)

Arantor

  • As powerful as possible, as complex as necessary.
  • Posts: 14,278
When we unite against a common enemy that attacks our ethos, it nurtures group solidarity. Trolls are sensational, yes, but we keep everyone honest. | Game Memorial

Nao

  • Dadman with a boy
  • Posts: 16,082
Re: Action buttons: positioning
« Reply #55, on May 13th, 2012, 09:32 PM »
Okay, so it's a CSS issue... -_-

.mimenu
    position: absolute

Action menu works, user menu fails to show.

.mimenu
    position: relative

Both menus work, but of course as they're relatively positioned, the animations will push other elements aside.
GRMPF...

Reminds me of that IE8 issue I'm having with main menus.
Re: Action buttons: positioning
« Reply #56, on May 13th, 2012, 10:09 PM »
One solution would be to just position the menu according to $(parent).offset(), but it sucks a bit... Especially when it comes to animating from the right (I can't seem to find a solution for now for this.)

Meh...
I'm not a big fan of positioning according to the offset. I already met many problems with this when I implemented Zoomedia. Although it's not something that's unthinkable... I kinda like the 'simplicity' of Wedge's current menu positioning. (i.e. set 'right' to 0 to make it scroll from the right, etc.)

Arantor

  • As powerful as possible, as complex as necessary.
  • Posts: 14,278

Nao

  • Dadman with a boy
  • Posts: 16,082
Re: Action buttons: positioning
« Reply #58, on May 13th, 2012, 10:19 PM »
It doesn't help much to avoid stuff :whistle:

What do you think of this, generally...?

Arantor

  • As powerful as possible, as complex as necessary.
  • Posts: 14,278
Re: Action buttons: positioning
« Reply #59, on May 13th, 2012, 10:23 PM »
I like the look, and the experience attached to the animation but it's gone over my head as far as figuring out how to fix it. I've always taken the view that I make it work, but don't necessarily make it pretty.

Going back to the overall topic, I really like how the Like button works now, took a little while to get used to it. Making that work via AJAX shouldn't be too problematic (I don't think you did that already?) but I do find it a bit complicated as to how we would display a list of the people who like something, not that I could ever figure out how the list should look when we do get it (as I'm not entirely sure we should use the popups as they stand, but I'm not entirely we shouldn't either)

Also, have you changed the font lately? Either that or my browser is rendering text weirdly.
« Disable animation on mobile devices
Aeme features ideas. »