This is an automated email from the ASF dual-hosted git repository.

humbedooh pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-ponymail-foal.git


The following commit(s) were added to refs/heads/master by this push:
     new 8c0be08  Prettify the info box
8c0be08 is described below

commit 8c0be084ccafe4d260f097677ee17a8e59e8f80b
Author: Daniel Gruno <[email protected]>
AuthorDate: Mon Nov 15 20:09:17 2021 +0100

    Prettify the info box
---
 webui/css/scaffolding.css           | 23 +++++++++++++++++++++++
 webui/js/ponymail.js                | 12 +++++++++++-
 webui/js/source/construct-thread.js | 12 +++++++++++-
 3 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/webui/css/scaffolding.css b/webui/css/scaffolding.css
index 09d4acb..db94647 100644
--- a/webui/css/scaffolding.css
+++ b/webui/css/scaffolding.css
@@ -1278,4 +1278,27 @@ pre {
     text-decoration: none;
     border-bottom: none;
     padding-bottom: 1px;
+}
+
+
+.infobox {
+    color: #224E;
+    background-color: #E3F7FC;
+    padding: 4px;
+    border-radius: 4px;
+    border: 1px solid #2249;
+    margin: 8px;
+    max-width: 620px;
+    min-height: 54px;
+    font-family: Selawk, Hack;
+    font-size: 1.4rem;
+}
+
+.infobox .glyphicon {
+    font-size: 3rem;
+    display: block;
+    float: left;
+    padding: 6px;
+    padding-top: 14px;
+    font-weight: lighter;
 }
\ No newline at end of file
diff --git a/webui/js/ponymail.js b/webui/js/ponymail.js
index 64d60aa..6a039e3 100644
--- a/webui/js/ponymail.js
+++ b/webui/js/ponymail.js
@@ -912,8 +912,18 @@ function construct_single_thread(state, json) {
 
     // Not top level thread?
     if (!looked_for_parent && json.thread['in-reply-to'] && 
json.thread['in-reply-to'].length > 0) {
-        let notice = new HTML("span", {style: {color: "saddlebrown", 
background: 'white', padding: "1px"}}, "This email appears to be a reply to 
another email. If you wish to attempt finding the root thread, click here: ");
+        let isign = new HTML('span', {class: 'glyphicon glyphicon-eye-close'}, 
" ");
+        let btitle = new HTML("b", {}, "This may not be the start of the 
conversation...");
         let a = new HTML("a", {href: "javascript:void(location.href += 
'&find_parent=true');"}, "Find parent email");
+        let notice = new HTML("div", {class: "infobox"}, [
+            isign,
+            btitle,
+            new HTML("br"),
+            "This email appears to be a reply to another email, as it contains 
an in-reply-to reference.",
+            new HTML("br"),
+            "If you wish to attempt finding the root thread, click here: ",
+            a
+        ]);
         div.inject(notice);
         notice.inject(a);
     }
diff --git a/webui/js/source/construct-thread.js 
b/webui/js/source/construct-thread.js
index 2da6b62..1a1d8c2 100644
--- a/webui/js/source/construct-thread.js
+++ b/webui/js/source/construct-thread.js
@@ -137,8 +137,18 @@ function construct_single_thread(state, json) {
 
     // Not top level thread?
     if (!looked_for_parent && json.thread['in-reply-to'] && 
json.thread['in-reply-to'].length > 0) {
-        let notice = new HTML("span", {style: {color: "saddlebrown", 
background: 'white', padding: "1px"}}, "This email appears to be a reply to 
another email. If you wish to attempt finding the root thread, click here: ");
+        let isign = new HTML('span', {class: 'glyphicon glyphicon-eye-close'}, 
" ");
+        let btitle = new HTML("b", {}, "This may not be the start of the 
conversation...");
         let a = new HTML("a", {href: "javascript:void(location.href += 
'&find_parent=true');"}, "Find parent email");
+        let notice = new HTML("div", {class: "infobox"}, [
+            isign,
+            btitle,
+            new HTML("br"),
+            "This email appears to be a reply to another email, as it contains 
an in-reply-to reference.",
+            new HTML("br"),
+            "If you wish to attempt finding the root thread, click here: ",
+            a
+        ]);
         div.inject(notice);
         notice.inject(a);
     }

Reply via email to