From f176523f858e69279fee36022bde36f0b8f5e3a0 Mon Sep 17 00:00:00 2001
From: A Sigalas <asig@sigalas.eu>
Date: Thu, 14 Sep 2017 12:50:28 +0000
Subject: [PATCH] Add css directives in less file & compile

---
 pixelegg/css/pixelegg.css          | 24 ++++++++++++++++++++++++
 pixelegg/less/layout_messages.less | 26 +++++++++++++++++++++++++-
 2 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 49c841bd3b..40c23247f4 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -3553,6 +3553,8 @@ td.lettersearch {
   cursor: pointer;
 }
 #egwpopup #egwpopup_list .egwpopup_message {
+  height: 140px;
+  overflow: scroll;
   padding: 10px;
   background-color: #fafafa;
   border-radius: 3px;
@@ -3576,11 +3578,33 @@ td.lettersearch {
   background-repeat: no-repeat;
   padding-left: 26px;
 }
+#egwpopup #egwpopup_list .egwpopup_message .notification_expanded {
+  position: fixed;
+  top: 5vh;
+  height: 90vh;
+  left: 20vw;
+  width: 60vw;
+  box-shadow: 0 0 40px #666;
+}
+#egwpopup #egwpopup_list .egwpopup_message .notification_expanded:hover {
+  background-color: #fafafa;
+}
 #egwpopup #egwpopup_list .egwpopup_message_seen .egwpopup_mark {
   cursor: auto;
   background: none;
   border-color: #666c6e;
 }
+#egwpopup #egwpopup_list .egwpopup_expand {
+  display: inline-block;
+  float: right;
+  width: 24px;
+  height: 24px;
+  background-image: url(../images/search.png);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 12px;
+  cursor: pointer;
+}
 #egwpopup div#egwpopup_header {
   font-size: 16px;
   color: silver;
diff --git a/pixelegg/less/layout_messages.less b/pixelegg/less/layout_messages.less
index cd9588760c..36a78a1d13 100755
--- a/pixelegg/less/layout_messages.less
+++ b/pixelegg/less/layout_messages.less
@@ -79,6 +79,8 @@
 			cursor: pointer;
 		}
 		.egwpopup_message {
+            height: 140px;
+            overflow: scroll;
 			padding: 10px;
 			background-color: #fafafa;
 			border-radius: 3px;
@@ -101,10 +103,32 @@
 				background-repeat: no-repeat;
 				padding-left: 26px;
 			}
+            .notification_expanded {
+                position: fixed;
+                top: 5vh;
+                height: 90vh;
+                left: 20vw;
+                width: 60vw;
+                box-shadow: 0 0 40px #666;
+                &:hover {
+                    background-color: #fafafa;
+                }
+            }
 		}
 		.egwpopup_message_seen {
 			.egwpopup_mark {cursor: auto;background:none;border-color: #666c6e;}
 		}
+        .egwpopup_expand {
+          display: inline-block;
+          float: right;
+          width: 24px;
+          height: 24px;
+          background-image: url(../images/search.png);
+          background-repeat: no-repeat;
+          background-position: center;
+          background-size: 12px;
+          cursor: pointer;
+        }
 	}
 	div#egwpopup_header {
 		font-size: 16px;
@@ -311,4 +335,4 @@
 
 
 
- //
\ No newline at end of file
+ //