More generic exhibit element classnames

[karger]

Some class names generated on rendered exhibit elements are extremely specific, e.g exhibit-tabularView-body and exhibit-thumbnailView-itemContainer . This will make it hard to e.g. change one's mind about which view to use without also going back and changing css. I think it would help to use more generic classnames, e.g. exhibit-viewBody and exhibit-itemContainer, to be used in addition to or instead of the more specific classes (note that if for example the containing view received class exhibit-thumbnailView, then instead of exhibit-thumbnailView-itemContainer I could use the selector exhibit-thumbnailView > exhibit-itemContainer).

If this issue is accepted/approved then I will keep in mind to make such changes as I do other work on the code.

[Pike]

I think that having generic class names in addition is a good idea, I wouldn't give up on the specific ones, though.

[karger]

Do you think the more specific ones add something when you can achieve the same specificity with some more complex selectors?

[Pike]

Here's the CSS we use right now to make some tables, plus the exhibit tabular views, look different than most of the other tables on the site, https://github.com/mozilla/elmo/blob/develop/static/css/style.css#L406.

I think that the selectors there are complex enough.

It might be an interesting idea to have an attribute to add site-specific classes to the table. Guess one can do that with the tableStyler, oth that's a pretty big sword for that purpose.