Consistent borders on the inputs when asking a question.

I'm getting used to the UI here where the the title comes after the body when when writing a question. I'm finding it a bit annoying because I write my titles first and I have to scroll down to do that. However, even worse, I am consistently trying to write my title in the tags box.

I just caught myself doing it again and tried to figure out why I keep making that mistake. I discovered that it is because the border color on the title box is so light, that it is nearly invisible to my middle-aged eyes while the border color on the "tags" box has plenty of contrast.

The text area for writing your answer gets its border color from this CSS rule:

textarea.form-element {
  border: 1px solid #dfe5e8;
  border-radius: 3px;
}

The title input gets its border color from this CSS rule:

input.form-element {
  border: 1px solid #dfe5e8;
}

The tags input gets its border color from this CSS rule:

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
}

The license input has yet a third border from this CSS rule:

selection--single {
  border: 1px solid #aaa;
  border-radius: 4px;
}

All four of these inputs should have the same border styling. Preferably using a border color with enough contrast for good usability.

posted over 1 year ago

CC BY-SA 4.0

1y ago by Moshi‭

Stephen Ostermiller‭

3 2 85 17