Make a nicer looking error message for "image is too big" error

[miketaylr]

Right now it looks hilariously bad, but it's still an improvement over a nginx 413 page.

@magsout, would it be possible to make a red banner with white text similar to the "Remove Image Upload" banner we have?

(It wouldn't need to be a button, just plain text should be OK i think?)

[karlcow]

Heh. Hilariously bad could be moved to hilariously funny. ❓
Like the fly from the lightbulb who would have eaten too much.
But as a first step. The submit button should be blocked and maybe the message should be inside the yellow area.

[miketaylr]

Hehe, I like the idea of using a stuffed fly. 🍕 🐝

But as a first step. The submit button should be blocked and maybe the message should be inside the yellow area.

Agreed. #996 makes the submits disabled. I was also thinking we could maybe change the yellow area to be red, with white text containing the error message.

[magsout]

Message error in red at the bottom.
Close button on top/right

[miketaylr]

Looks nice! I wonder if we can remove the close image, or at least make "choose an image" a hyperlink (or something that looks like a hyperlink, could be a button) that opens the image picker.

Or maybe the close image button also opens the file picker too?

[magsout]

Looks nice! I wonder if we can remove the close image, or at least make "choose an image" a hyperlink (or something that looks like a hyperlink, could be a button) that opens the image picker.

Ah yes, good point. Hum So icon is not enough and revelant..