fix(mail(css)): yellow flags for more visibility

Alinto · Jul 24, 2020 · 94efa4d · 94efa4d
1 parent 09f63b2
commit 94efa4d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/UI/Templates/MailerUI/UIxMailViewTemplate.wox b/UI/Templates/MailerUI/UIxMailViewTemplate.wox
@@ -31,7 +31,7 @@
           </md-button>
           <div class="md-flex"><!-- spacer --></div>
           <md-button class="sg-icon-button" label:aria-label="Flagged" ng-click="viewer.message.toggleFlag()">
-            <md-icon ng-class="{ 'md-accent md-hue-2': viewer.message.isflagged }">{{ viewer.message.isflagged ? 'star' : 'star_border' }}</md-icon>
+            <md-icon ng-class="{ 'sg-icon-star': viewer.message.isflagged }">{{ viewer.message.isflagged ? 'star' : 'star_border' }}</md-icon>
           </md-button>
           <md-button class="sg-icon-button"
                      ng-hide="::viewer.message.isDraft"

diff --git a/UI/WebServerResources/js/Mailer/sgMessageListItemMain.directive.js b/UI/WebServerResources/js/Mailer/sgMessageListItemMain.directive.js
@@ -32,7 +32,7 @@
         '  </div>',
         '</div>',
         '<div class="sg-tile-icons">',
-        '  <md-icon class="ng-hide">star</md-icon>',
+        '  <md-icon class="ng-hide sg-icon-star">star</md-icon>',
         '  <md-icon class="ng-hide">reply</md-icon>',
         '  <md-icon class="ng-hide">forward</md-icon>',
         '  <md-icon class="ng-hide">attach_file</md-icon>',

diff --git a/UI/WebServerResources/scss/views/MailerUI.scss b/UI/WebServerResources/scss/views/MailerUI.scss
@@ -30,6 +30,10 @@
   }
 }
 
+.sg-icon-star {
+  color: $colorYellow700;
+}
+
 // Message view header
 // Could be made into a more generic component
 // ----------------------------------------------------------------------------