From ad96763e5c54cb4427f248a6499a2a34158c29ff Mon Sep 17 00:00:00 2001 From: Jouni Koivuviita Date: Mon, 31 Aug 2009 08:54:13 +0000 Subject: [PATCH] Updated notification styles for Reindeer. Fixes #3186: Add a close icon for Notification.ERROR (Reindeer) svn changeset:8591/svn branch:6.1 --- .../reindeer/notification/img/error-close.png | Bin 0 -> 653 bytes .../reindeer/notification/notification.css | 20 ++++++++++++++---- WebContent/VAADIN/themes/reindeer/styles.css | 20 ++++++++++++++---- 3 files changed, 32 insertions(+), 8 deletions(-) create mode 100644 WebContent/VAADIN/themes/reindeer/notification/img/error-close.png 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 0000000000000000000000000000000000000000..2ce85b628a82b840d731c2b803ace26ca0b88904 GIT binary patch literal 653 zcmV;80&@L{P) zneWQVssI4letyxGmccD8{Q3F#@bK^3+qMS>tUNrr78bo89?3{Z^3u}p$H(Nu!{w!= z%1lh}$jH7UBe@b1z9J&J6cp{l!|lSty&oUB5fT3U{Or}$xeySpKR>nw1+@eOwgd#P z005%^0ImQ4q5uG%006Q80I&c6vj70B00960|Fi%A@MR{200040Nklh%8-BL?{(4 zh@wDKWGE7{QiHZjJ>rI1EUE^NbeSIdWwh=)jGMJq^&P6Mn#q~tlS77Zf~Vofk+3+_dCmqae`yc%7T7tihcOc}GRt7$T^5whNDAgF zybdMW?@ke?E}bbsohv>IHKPj^#2I+|y$3VI3Um!EWHL~P&_mp;;dq4g2C)Z2HIPh3 z#XgLv_O=Po+|tJg`o-vC4B(Ug^KG6MA@Ewx*~;Q))>z0~b;7re>D1NVOUz1`Ib z@w9rhn+>>p47j`wctJ9FMl#5d+#t?74J3$ju)i{hguPAJ-)`972zy&x@`(L*78G2A nYG*;cj`rWj@Z$N9{sb5Rxy@=t%MNnB00000NkvXXu0mjfQ34|S literal 0 HcmV?d00001 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, -- 2.39.5