Character limits in Title and Open Question

[s-steddy]

When building a brick, going over the character limit in the Title (50chars) or Open Question fields (255 chars) will make it impossible to save brick. We need to indicate this on build page and in Proposal pages.

We've already made some progress, but are having issues in that, because of formatting, the counter for Open Question is not one-to-one.

• In build page, title is already working with popup:

• And the open question too:

• The title field on the proposal pages looks to be working:

But the open question field on the proposal pages needs some refinement. For one, the counter doesn't work intuitively because of formatting, so an empty field already has 11 characters, entering a character reduces this to 8, and from there it gets more complicated.

So:

• Replace numeric counter with a progress bar. Is naturally blue on grey, but turns red if filled/exceeded. Design from @GhadaShebl
• Replace default message: "The Open Question can be a maximum of 220 characters, or less depending on formatting."
• When limit is reached/exceeded, turn message message red.
• We do still need to allow user to carry on writing over count, to make editing easier.
• Deactivate forward button if character count is exceeded.

Reword this popup, which appears if user clicks out of title or open question at top of page, despite having exceeded character count:

• Cannot save brick / Please check that the brick's Title and Open Question are within the character limits.