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 @@
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
-
+
-
+
+