viewDkimIcon to dkimIcon

dev/View/User/MailBox/MessageView.js

@@ -174,18 +174,17 @@ export class MailMessageView extends AbstractViewRight {
 
 			canBeRepliedOrForwarded: () => !MessagelistUserStore.isDraftFolder() && this.messageVisible(),
 
-			viewDkimIcon: () => 'none' !== this.dkimData()[0],
-
-			dkimIconClass:() => {
+			dkimIcon: () => {
 				switch (this.dkimData()[0]) {
 					case 'none':
 						return '';
 					case 'pass':
-						return 'icon-ok iconcolor-green'; // ✔️
+						return '✔';
 					default:
-						return 'icon-cross iconcolor-red'; // ✖ ❌
+						return '✖';
 				}
 			},
+			dkimIconClass: () => 'pass' === this.dkimData()[0] ? 'iconcolor-green' : 'iconcolor-red',
 
 			dkimTitle:() => {
 				const dkim = this.dkimData();

snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html

@@ -135,7 +135,7 @@
 			</div>
 			<div class="informationShort">
 				<span class="from" data-bind="html: viewFromShort, attr:{ title: message().from }"></span>
-				<i data-bind="visible: viewDkimIcon, css: dkimIconClass, attr:{ title: dkimTitle }"></i>
+				<i class="fontastic" data-bind="text: dkimIcon, css: dkimIconClass, attr:{ title: dkimTitle }"></i>
 			</div>
 		</div>
 		<div id="messageItem">
@@ -161,9 +161,7 @@
 					<table>
 						<tr data-bind="visible: from.length">
 							<td data-i18n="GLOBAL/FROM"></td>
-							<td><span data-bind="text: from"></span>
-								<i data-bind="visible: $parent.viewDkimIcon, css: $parent.dkimIconClass, attr:{ title: $parent.dkimTitle }"></i>
-							</td>
+							<td data-bind="text: from"></td>
 						</tr>
 						<tr data-bind="visible: to.length">
 							<td data-i18n="GLOBAL/TO"></td>

vendors/fontastic/styles.css

@@ -46,9 +46,6 @@
 .icon-down-mini::before {
   content: "⌄";
 }
-.icon-cross::before {
-  content: "✖";
-}
 .icon-ok::before {
   content: "✔";
 }