From: Jouni Koivuviita Date: Mon, 31 Aug 2009 08:54:13 +0000 (+0000) Subject: Updated notification styles for Reindeer. Fixes #3186: Add a close icon for Notificat... X-Git-Tag: 6.7.0.beta1~2569 X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=ad96763e5c54cb4427f248a6499a2a34158c29ff;p=vaadin-framework.git Updated notification styles for Reindeer. Fixes #3186: Add a close icon for Notification.ERROR (Reindeer) svn changeset:8591/svn branch:6.1 --- diff --git a/WebContent/VAADIN/themes/reindeer/notification/img/error-close.png b/WebContent/VAADIN/themes/reindeer/notification/img/error-close.png new file mode 100644 index 0000000000..2ce85b628a Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/notification/img/error-close.png differ diff --git a/WebContent/VAADIN/themes/reindeer/notification/notification.css b/WebContent/VAADIN/themes/reindeer/notification/notification.css index a4e17ad86a..5ec4e585fe 100644 --- a/WebContent/VAADIN/themes/reindeer/notification/notification.css +++ b/WebContent/VAADIN/themes/reindeer/notification/notification.css @@ -4,21 +4,33 @@ -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 100%; - background: #babcbe; + background: #c8ccd0; + font-weight: bold; +} +.v-Notification p { + line-height: 1.3; } .v-Notification.warning { - background: #f4a100; + background: #fdf3b5; + color: #ca9a61; + border: 3px solid #fee3af; } .v-Notification.error { - background: #d82000; + background: #b40000 none no-repeat right top; + background-image: url(img/error-close.png); + border: 3px solid #ca3030; } .v-Notification.tray { margin: 0 5px 5px 0; - background: #16181a; + background: #3b3c3e; + border: 2px solid #585b5c; + padding: 0.8em 0.9em; } .v-Notification.tray h1 { font-size: 14px; + line-height: 18px; } .v-Notification.tray p { font-size: 12px; + font-weight: normal; } \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/styles.css b/WebContent/VAADIN/themes/reindeer/styles.css index 8d51ea1262..ab10819259 100644 --- a/WebContent/VAADIN/themes/reindeer/styles.css +++ b/WebContent/VAADIN/themes/reindeer/styles.css @@ -3002,23 +3002,35 @@ td.v-datefield-calendarpanel-nextyear { -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 100%; - background: #babcbe; + background: #c8ccd0; + font-weight: bold; +} +.v-Notification p { + line-height: 1.3; } .v-Notification.warning { - background: #f4a100; + background: #fdf3b5; + color: #ca9a61; + border: 3px solid #fee3af; } .v-Notification.error { - background: #d82000; + background: #b40000 none no-repeat right top; + background-image: url(notification/img/error-close.png); + border: 3px solid #ca3030; } .v-Notification.tray { margin: 0 5px 5px 0; - background: #16181a; + background: #3b3c3e; + border: 2px solid #585b5c; + padding: 0.8em 0.9em; } .v-Notification.tray h1 { font-size: 14px; + line-height: 18px; } .v-Notification.tray p { font-size: 12px; + font-weight: normal; } .v-panel-caption,