impressivewebs / CSS-Values

A PWA that allows you to search for any CSS property to get a quick reference on possible values and browser support.
https://cssvalues.com
25 stars 4 forks source link

Alphabetical Entries #2

Closed christianbundy closed 12 years ago

christianbundy commented 12 years ago

When you type in "padding", the first entry is "padding-top" where the expected result would be "padding".

In fact, "padding" is the last result displayed.

impressivewebs commented 12 years ago

I basically modelled the order after the spec, where it lists the shorthand properties last. Also, as explained in the "help" section, if you want to avoid multiple results, you have to add a space at the end of the property name. So to see only "padding", just type "padding" then hit the spacebar.

But now on looking at this again, I think you're right, it would probably make more sense to list the shorthand property first in all of those "grouped" results. I'll reorganize it and see if it's better that way. Thanks.

impressivewebs commented 12 years ago

I've fixed this now. So any property whose full name is also part of another property name will appear first among multiple results. For example, typing "border" puts "border" at the top followed by "border-collapse", etc. This way, the spacebar trick isn't as necessary, but will still filter down the results to avoid multiples if used.

I think this is much better so thanks for pointing this out. Should have been obvious! :)

christianbundy commented 11 years ago

Great, you're the man!