Skip to content
This repository has been archived by the owner on May 16, 2021. It is now read-only.

Use inline block for checkboxes and radio button #29

Closed
kayue opened this issue Mar 13, 2010 · 6 comments
Closed

Use inline block for checkboxes and radio button #29

kayue opened this issue Mar 13, 2010 · 6 comments

Comments

@kayue
Copy link

kayue commented Mar 13, 2010

Here is how I change the rules:

div.checker {
position: relative;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: middle;
}

Please consider it in the next version, thank you.

@kolanos
Copy link

kolanos commented Mar 17, 2010

It's not pretty, but it works.

@pixelmatrix
Copy link
Collaborator

I'd love to do this, but it's tough. I'll see what I can do. Thanks for the suggestion.

@kayue
Copy link
Author

kayue commented Mar 18, 2010

the native form elements are inline block, so I guess we better make them inline too.
btw, why it is tough? inline block support all the browsers

@pixelmatrix
Copy link
Collaborator

Just lots of browser-specific testing issues I'll need to work through. Earlier versions of Mozilla have trouble with it. I notice a couple of hacks in there for that, but it needs to be tested thoroughly before I add it in there.

I realize that native elements are inline block, and I really want Uniformed elements to be that way as well. Don't worry. It's definitely coming.

@pixelmatrix
Copy link
Collaborator

hey kayue, in the latest version I added inline-block positioning instead of display:block + float: left.

@kayue
Copy link
Author

kayue commented Jul 22, 2010

wow awesome !!!!! thank you very much!!

This issue was closed.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants