Fixed popup message styles (#278)

dev/Models/MessageModel.js

@@ -825,6 +825,7 @@
 		   'popupCc': this.ccToLine(false),
 		   'popupBcc': this.bccToLine(false),
 		   'popupSubject': this.subject(),
+		   'popupIsHtml': this.isHtml(),
 		   'popupDate': this.fullFormatDateValue(),
 		   'popupAttachments': this.attachmentsToStringLine(),
 		   'popupBody': this.textBodyToString()

rainloop/v/0.0.0/app/templates/Views/App/PopupsWindowSimpleMessage.html

@@ -1,20 +1,81 @@
 <style>
+
 html, body {
 	margin: 0;
 	padding: 0;
 	background-color: #fff;
+	font-size: 13px;
 	font-family: arial, sans-serif;
 }
 
-.tbl {width:100%;font-family:normal 11px Tahoma, Arial, Helvetica, "sans-serif"}
+.tbl {width: 100%; font-size: 12px; font-family: arial, sans-serif;}
 .tt {padding: 5px; border:solid #ddd; border-width:0px 0px 1px 0px}
 .tv {padding: 5px; border:solid #ddd; border-width:0px 0px 1px 1px}
 .tb {padding: 15px}
+
 a {color: blue; text-decoration: underline}
 a:visited {color: #609}
 a:active {color: red}
 blockquote {border-left: 2px solid black; margin: 0; padding: 0px 10px}
-pre {margin: 0px; padding: 0px; font-family: arial, sans-serif; background: #fff; border: none; white-space: normal}
+
+pre {
+	margin: 0px;
+	padding: 0px;
+	font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
+	background: #fff;
+	border: none;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+	word-break: break-all;
+}
+
+.text-body {
+	font-size: 13px;
+}
+
+.text-body.html div[data-x-div-type=body] {
+	margin: 15px;
+}
+
+.text-body.html pre {
+	font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+	word-break: break-all;
+}
+
+.text-body.plain {
+
+	padding: 15px;
+	white-space: pre-wrap;
+	font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
+}
+
+.text-body.plain pre {
+	margin: 0px;
+	padding: 0px;
+	background: #fff;
+	border: none;
+	font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+	word-break: break-all;
+}
+
+.text-body.plain blockquote {
+	border-left: 2px solid blue;
+	color: blue;
+}
+
+.text-body.plain blockquote blockquote {
+	border-left: 2px solid green;
+	color: green;
+}
+
+.text-body.plain blockquote blockquote blockquote {
+	border-left: 2px solid red;
+	color: red;
+}
 </style>
 
 <table cellpadding="0" cellspacing="0" class="tbl">
@@ -49,7 +110,7 @@ pre {margin: 0px; padding: 0px; font-family: arial, sans-serif; background: #fff
 		</tr>
 		<tr>
 			<td colspan="2" class="tb">
-				<div data-bind="html: popupBody"></div>
+				<div class="text-body" data-bind="html: popupBody, css: {'plain': !popupIsHtml, 'html': popupIsHtml}"></div>
 			</td>
 		</tr>
 	</tbody>

rainloop/v/0.0.0/static/js/app.js

@@ -10357,6 +10357,7 @@ module.exports = window;
 		   'popupCc': this.ccToLine(false),
 		   'popupBcc': this.bccToLine(false),
 		   'popupSubject': this.subject(),
+		   'popupIsHtml': this.isHtml(),
 		   'popupDate': this.fullFormatDateValue(),
 		   'popupAttachments': this.attachmentsToStringLine(),
 		   'popupBody': this.textBodyToString()