search

hftf / coords

2 stars 1 forks source link

Fix checkbox alignment in headings. #3

Closed MattiasBuelens closed 10 years ago

MattiasBuelens commented 10 years ago

Checkbox currently overlaps the heading when the title gets longer. This should fix that by floating the checkbox instead of absolutely positioning it.

Before and after: Before and after

hftf commented 10 years ago

Hmm, this fix only gives 1 em of leeway (or 2 em of centered text) before the label overflows regardless :confused: — yet it comes at the expense of the label being noticeably off-center.

Any suggestions for a more clever solution? Perhaps only displaying the checkbox on hover?

MattiasBuelens commented 10 years ago

I guess you could simply fix the width of .menu-heading so the text in the h3 wraps:

.menu-heading {
    width: 128px; /* Same as .menu-heading .layers */
}
hftf commented 10 years ago

Obsoleted by b6688d1

MattiasBuelens commented 10 years ago

That's a much nicer fix indeed! :smiley:

hftf commented 10 years ago

Unfortunately it breaks stuff; see #62