add quick-reply icons

LightSnowDev · Oct 14, 2018 · a606eee · a606eee
1 parent ebdc27f
commit a606eee
Show file tree

Hide file tree

Showing 28 changed files with 55 additions and 3 deletions.
diff --git a/img/mail-composer/attachment.png b/img/mail-composer/attachment.png
diff --git a/img/datetime@2x.png → img/mail-composer/datetime.png b/img/datetime@2x.png → img/mail-composer/datetime.png
diff --git a/img/mail-composer/emoji.png b/img/mail-composer/emoji.png
diff --git a/img/mail-composer/eye-disabled.png b/img/mail-composer/eye-disabled.png
diff --git a/img/mail-composer/eye-enabled.png b/img/mail-composer/eye-enabled.png
diff --git a/img/mail-composer/link-disabled.png b/img/mail-composer/link-disabled.png
diff --git a/img/mail-composer/link-enabled.png b/img/mail-composer/link-enabled.png
diff --git a/img/mail-composer/open-in-new.png b/img/mail-composer/open-in-new.png
diff --git a/img/mail-composer/quick-reply.png b/img/mail-composer/quick-reply.png
diff --git a/img/mail-composer/reminder-active.png b/img/mail-composer/reminder-active.png
diff --git a/img/mail-composer/reminder-nonactive.png b/img/mail-composer/reminder-nonactive.png
diff --git a/img/mail-composer/reminder.png b/img/mail-composer/reminder.png
diff --git a/img/mail-composer/reply-all.png b/img/mail-composer/reply-all.png
diff --git a/img/mail-composer/send.png b/img/mail-composer/send.png
diff --git a/img/mail-composer/t2.png b/img/mail-composer/t2.png
diff --git a/img/mail-composer/translate.png b/img/mail-composer/translate.png
diff --git a/img/mail-composer/trash.png b/img/mail-composer/trash.png
diff --git a/img/send/emoji.png → img/mail-composerBIG/emoji.png b/img/send/emoji.png → img/mail-composerBIG/emoji.png
diff --git a/img/send/eye-disabled.png → img/mail-composerBIG/eye-disabled.png b/img/send/eye-disabled.png → img/mail-composerBIG/eye-disabled.png
diff --git a/img/send/eye-enabled.png → img/mail-composerBIG/eye-enabled.png b/img/send/eye-enabled.png → img/mail-composerBIG/eye-enabled.png
diff --git a/img/send/link-disabled.png → img/mail-composerBIG/link-disabled.png b/img/send/link-disabled.png → img/mail-composerBIG/link-disabled.png
diff --git a/img/send/link-enabled.png → img/mail-composerBIG/link-enabled.png b/img/send/link-enabled.png → img/mail-composerBIG/link-enabled.png
diff --git a/img/send/open-in-new.png → img/mail-composerBIG/open-in-new.png b/img/send/open-in-new.png → img/mail-composerBIG/open-in-new.png
diff --git a/img/send/quick-reply.png → img/mail-composerBIG/quick-reply.png b/img/send/quick-reply.png → img/mail-composerBIG/quick-reply.png
diff --git a/img/send/reply-all.png → img/mail-composerBIG/reply-all.png b/img/send/reply-all.png → img/mail-composerBIG/reply-all.png
diff --git a/img/send/send.png → img/mail-composerBIG/send.png b/img/send/send.png → img/mail-composerBIG/send.png
diff --git a/img/send/translate.png → img/mail-composerBIG/translate.png b/img/send/translate.png → img/mail-composerBIG/translate.png
diff --git a/styles/compose.less b/styles/compose.less
@@ -1,8 +1,14 @@
+/*
+ * File: compose.less
+ *
+ * This file handles the composer for a new email and quick-reply.
+ *
+ */
+
 @import "variables";
 
 .scroll-region-content {
   .scroll-region-content-inner {
-
     .composer-centered {
       background: @white !important;
     }
@@ -17,19 +23,65 @@
       .primary-item,
       .secondary-picker {
         top: 1.5px;
-        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.03), 0 0.5px 2px rgba(0, 0, 0, 0.10) !important;
+        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.03), 0 0.5px 2px rgba(0, 0, 0, 0.1) !important;
         img {
           top: -4px;
         }
       }
       .secondary-picker {
-        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.03), 0 0.5px 2px rgba(0, 0, 0, 0.10) !important;
+        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.03), 0 0.5px 2px rgba(0, 0, 0, 0.1) !important;
         height: 1.91em;
         line-height: 1.5em;
         top: -0.99px;
       }
     }
 
+    /* 
+     * only button setting => default image or disabled image
+     * some of the images only have an alt property, some a src property 
+     */
+    button {
+      /* icons on the left: */
+      img[alt="icon-composer-sendlater.png"] {
+        -webkit-mask-image: url(mailspring://Material-Spring/img/mail-composer/datetime.png) !important;
+      }
+      img[src="mailspring://composer-templates/assets/icon-composer-templates@2x.png"] {
+        -webkit-mask-image: url(mailspring://Material-Spring/img/mail-composer/quick-reply.png) !important;
+      }
+      img[src="mailspring://composer-translate/assets/icon-composer-translate@2x.png"] {
+        -webkit-mask-image: url(mailspring://Material-Spring/img/mail-composer/translate.png) !important;
+      }
+
+      img[alt="icon-composer-linktracking.png"] {
+        -webkit-mask-image: url(mailspring://Material-Spring/img/mail-composer/link-disabled.png) !important;
+      }
+
+      img[src="mailspring://open-tracking/assets/icon-composer-eye@2x.png"] {
+        -webkit-mask-image: url(mailspring://Material-Spring/img/mail-composer/eye-disabled.png) !important;
+      }
+      img[alt="icon-composer-reminders.png"] {
+        -webkit-mask-image: url(mailspring://Material-Spring/img/mail-composer/reminder.png) !important;
+      }
+
+      /* icons on the right: */
+      img[alt="icon-composer-attachment.png"] {
+        -webkit-mask-image: url(mailspring://Material-Spring/img/mail-composer/attachment.png) !important;
+      }
+      img[alt="icon-composer-trash.png"] {
+        -webkit-mask-image: url(mailspring://Material-Spring/img/mail-composer/trash.png) !important;
+      }
+    }
+    button.btn-enabled {
+      img[alt="icon-composer-reminders.png"] {
+        -webkit-mask-image: url(mailspring://Material-Spring/img/mail-composer/reminder-active.png) !important;
+      }
+      img[src="mailspring://open-tracking/assets/icon-composer-eye@2x.png"] {
+        -webkit-mask-image: url(mailspring://Material-Spring/img/mail-composer/eye-enabled.png) !important;
+      }
+      img[alt="icon-composer-linktracking.png"] {
+        -webkit-mask-image: url(mailspring://Material-Spring/img/mail-composer/link-enabled.png) !important;
+      }
+    }
   }
 }