diff options
| author | Jouni Koivuviita <jouni.koivuviita@itmill.com> | 2009-08-31 08:54:13 +0000 |
|---|---|---|
| committer | Jouni Koivuviita <jouni.koivuviita@itmill.com> | 2009-08-31 08:54:13 +0000 |
| commit | ad96763e5c54cb4427f248a6499a2a34158c29ff (patch) | |
| tree | 88b393567566dbbdbd8113c4a3ea3125281f640d | |
| parent | fe6bbbc9361e277ffb1de06171d8a61ab3127450 (diff) | |
| download | vaadin-framework-ad96763e5c54cb4427f248a6499a2a34158c29ff.tar.gz vaadin-framework-ad96763e5c54cb4427f248a6499a2a34158c29ff.zip | |
Updated notification styles for Reindeer. Fixes #3186: Add a close icon for Notification.ERROR (Reindeer)
svn changeset:8591/svn branch:6.1
| -rw-r--r-- | WebContent/VAADIN/themes/reindeer/notification/img/error-close.png | bin | 0 -> 653 bytes | |||
| -rw-r--r-- | WebContent/VAADIN/themes/reindeer/notification/notification.css | 20 | ||||
| -rw-r--r-- | WebContent/VAADIN/themes/reindeer/styles.css | 20 |
3 files changed, 32 insertions, 8 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/notification/img/error-close.png b/WebContent/VAADIN/themes/reindeer/notification/img/error-close.png Binary files differnew file mode 100644 index 0000000000..2ce85b628a --- /dev/null +++ b/WebContent/VAADIN/themes/reindeer/notification/img/error-close.png 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, |
