From 5655114b53aa825b60218e0f76a70a49c4c67db3 Mon Sep 17 00:00:00 2001 From: pbojinov Date: Thu, 3 Apr 2014 14:30:20 -0700 Subject: [PATCH] fix #8 image notification height; fix #4 image notifications now implemented --- .../dea-notifications-shared.css | 25 ++++++ app/notifications/image.html | 22 ++++-- app/notifications/text.html | 6 +- index.html | 51 ++++++++++-- jquery.min.js | 5 -- nike.jpg | Bin 0 -> 176974 bytes nw-desktop-notifications.html | 2 +- nw-desktop-notifications.js | 74 +++++++++++++++--- package.json | 2 +- 9 files changed, 154 insertions(+), 33 deletions(-) delete mode 100644 jquery.min.js create mode 100644 nike.jpg diff --git a/app/notifications/dea-notifications-shared.css b/app/notifications/dea-notifications-shared.css index c93462c..4bc07aa 100644 --- a/app/notifications/dea-notifications-shared.css +++ b/app/notifications/dea-notifications-shared.css @@ -84,4 +84,29 @@ body { .button:active { background-color: #cccccc; +} + +/* Image notification specific css */ +.gallery { + clear: both; + position: relative; +} + +.gallery img { + width: 100%; + height: auto; +} + +.highlight { + background: rgb(0,0,0); /* The Fallback */ + background-color: rgba(0,0,0,0.7); + position: absolute; + bottom: 0; + width: 100%; +} + +.highlight .title { + color: #fff; + margin: 10px 10px 10px 15px; + line-height: 18px; } \ No newline at end of file diff --git a/app/notifications/image.html b/app/notifications/image.html index a928e2a..ee0d1e2 100644 --- a/app/notifications/image.html +++ b/app/notifications/image.html @@ -58,20 +58,28 @@ diff --git a/app/notifications/text.html b/app/notifications/text.html index f0b362a..10fa411 100644 --- a/app/notifications/text.html +++ b/app/notifications/text.html @@ -20,9 +20,9 @@ Notification Icon
What is Lorem Ipsum?
- - - +
Lorem Ipsum is simply dummy text.
+
Yes
+
No
diff --git a/index.html b/index.html index 3f3562c..be5f247 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ Desktop Notification Demo - +

Notifications Demo

-
+

@@ -92,7 +100,7 @@

Notifications Demo


- +

@@ -110,13 +118,36 @@

Notifications Demo

-

+

+