Slightly neater error box

Post Reply
User avatar
Vadi
Posts: 5042
Joined: Sat Mar 14, 2009 3:13 pm

Slightly neater error box

Post by Vadi »

I'm not sure if we have any designerly types about, but what do people think of rounded corners on the error box:
Image

(it'll also use your system-preferred font instead of a hardcoded one)

Darmir
Posts: 226
Joined: Sun May 01, 2011 6:51 pm
Contact:

Re: Slightly neater error box

Post by Darmir »

Are you doing that with CSS or is that an image?

User avatar
Vadi
Posts: 5042
Joined: Sat Mar 14, 2009 3:13 pm

Re: Slightly neater error box

Post by Vadi »

The new one is all CSS:

Code: Select all

QFrame#notificationArea {
  border: 3px solid;
  border-radius: 6px;
  background-color: rgb(255, 254, 215);	
}

Darmir
Posts: 226
Joined: Sun May 01, 2011 6:51 pm
Contact:

Re: Slightly neater error box

Post by Darmir »

Very nice Vadi,
but I would also change the border color to the same color as the image. Give it red.
Code: [show] | [select all] lua
QFrame#notificationArea {
  border: 3px solid #b70808;
  border-radius: 6px;
  background-color: rgb(255, 254, 215);   
}

User avatar
Vadi
Posts: 5042
Joined: Sat Mar 14, 2009 3:13 pm

Re: Slightly neater error box

Post by Vadi »

What about the other two possible icons:
Form - [Preview]_018.png
Form - [Preview]_018.png (11.69 KiB) Viewed 5005 times

Darmir
Posts: 226
Joined: Sun May 01, 2011 6:51 pm
Contact:

Re: Slightly neater error box

Post by Darmir »

Vadi,
I like all three. I'd say the triangle with the explanation point would be like informational message only. The "X" in the red box is used for error only. The blue i is also good for informational. As for look I think the yellow triangle goes better with the look of mudlet

User avatar
Vadi
Posts: 5042
Joined: Sat Mar 14, 2009 3:13 pm

Re: Slightly neater error box

Post by Vadi »

No, no... all 3 icons are possible to be used in that dialog. Not all are red, so having a red border for the blue information or the yellow alert wouldn't make sense. It's not possible to determine which one is used when it is, though.

Darmir
Posts: 226
Joined: Sun May 01, 2011 6:51 pm
Contact:

Re: Slightly neater error box

Post by Darmir »

That makes sense. By the way, I am designing the gate image that you asked for. Just started today.. should have a few designs by Saturday

Post Reply