search

SockDrawer / SockSite

Website that runs: http://servercooties.io/
MIT License
3 stars 4 forks source link

Hamburger menu toggles #52

Open yamikuronue opened 9 years ago

yamikuronue commented 9 years ago

Onyx mentioned:

This reminds me that current items in the hamburger need a toggle indicator. Probably checkmarks when active. They are toggles, after all, not links, really. But that's a separate issue / discussion.

Onyx47 commented 9 years ago

Also, possibility:

http://www.bootstrap-switch.org

yamikuronue commented 9 years ago

That animation bugs the FUCK out of me.

Seriously. It doesn't look like a switch being toggled, it looks like the whole thing just moves the wrong direction. WTF? Hurts my brain.

Onyx47 commented 9 years ago

It is definitely missing the CSS to make it look like a button. I added ⋮ to it on a project I use it in. Could use a bit of a gradient, too.

Also, colours on both sides are configurable (they don't have to be the same).

It's something to consider, anyway. I'm not married to it. A checkmark on the right is fine by me as well.

yamikuronue commented 9 years ago

I'm not married to it.

I would be very concerned if you were. Is that even legal?

Onyx47 commented 9 years ago

I would be very concerned if you were.

Bigot!

Is that even legal?

If it were I'd already be taken anyway. So marring the linked plugin would also require poligamy being legal.

yamikuronue commented 9 years ago

Bigot!

I'd be concerned that you may have been forced into an arranged marriage with a web widget, as happens so often these days. ;)

yamikuronue commented 9 years ago

This one is better: http://demos.jquerymobile.com/1.4.0/flipswitch/

Onyx47 commented 9 years ago

We can style the one I linked to do that. Or find another alternative

I don't want to even try to mix jQuery Mobile and Bootstrap. I tried mixing jQuery UI and Bootstrap once, didn't go well...

yamikuronue commented 9 years ago

My friend points out that the ones where the label is on the active side, like Android does, are probably the least brain-breaking. But I can't find one.

yamikuronue commented 9 years ago

This is better than switch: http://www.bootstraptoggle.com/

RaceProUK commented 9 years ago

<input type="checkbox" checked data-toggle="toggle" data-on="<i class='fa fa-play'></i> Play" data-off="<i class='fa fa-pause'></i> Pause"> HTML inside HTML attributes… :mask:

Onyx47 commented 9 years ago

HTML inside HTML attributes…

Been there, done that...

Onyx47 commented 9 years ago

I somehow missed @yamikuronue's post.

Toggle seems fine to me :)