Board icons usability for themers

Board icons usability for themers Started by Antechinus · February 28, 2014, 02:30:35 pm · Read 35158 times 0 Members and 2 Guests are viewing this topic. previous topic - next topic - Topic derived from @todo in index.css

Re: Board icons usability for themers

Reply #30 – March 02, 2014, 06:34:50 pm

Y'know personally I wouldn't worry too much about it. Selects can be done pretty well in FF and Chrome with the default droppy indicator. They look neat if they're just given some basic border and background tweaks. Safari* and IE have always been ugly, so

to them. If anyone uses Safari* or IE they deserve ugly.

Sure, you can convolute the whole thing trying to get them perfect in all browsers, but it it worth it?

*Just checked and Safari looks fine too. It's only IE which is a bit uggers.

Re: Board icons usability for themers

Reply #31 – March 02, 2014, 06:55:16 pm

Here's a screenshot of some selects and the CSS that runs them. These are just basic selects, with no extra divs or other tricks. The CSS shown is the whole lot. There's nothing else used.

Code: [Select]

/* Inputs, etc. */
input, textarea, button, select {
 font: 100%/150% "Segoe UI", "Helvetica Neue", "Liberation Sans", "Nimbus Sans L", Arial, sans-serif;
 color: #444;
}

And:

Code: [Select]

#userarea select {
 margin: 0 2px 0 0;
 padding: 0;
 width: 8em;
}
#background_select>select {
 margin-top: 4px;
}