fix(mail(css)): add bold font to mailboxes with positive unseen count

Fixes #4277
Alinto · Oct 19, 2021 · 270bc2e · 270bc2e
1 parent e5dbebb
commit 270bc2e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/UI/WebServerResources/js/Mailer/sgMailboxListItem.directive.js b/UI/WebServerResources/js/Mailer/sgMailboxListItem.directive.js
@@ -31,7 +31,7 @@
         '    ng-click="$ctrl.selectFolder($event)"',
         '    ng-dblclick="$ctrl.editFolder($event)">',
         '    <md-icon ng-class="{ \'sg-opacity-70\': $ctrl.mailbox.isNoSelect() }">{{$ctrl.mailbox.$icon}}</md-icon>',
-        '    <span ng-bind="$ctrl.mailbox.$displayName"></span>',
+        '    <span ng-class="{ \'sg-font-medium\': $ctrl.mailbox.unseenCount }" ng-bind="$ctrl.mailbox.$displayName"></span>',
         '    <span class="sg-counter-badge ng-hide"',
         '          ng-show="$ctrl.mailbox.unseenCount"',
         '          ng-bind="$ctrl.mailbox.unseenCount"></span>',

diff --git a/UI/WebServerResources/scss/core/typography.scss b/UI/WebServerResources/scss/core/typography.scss
@@ -419,6 +419,10 @@ html p {
   text-transform: uppercase;
 }
 
+.sg-font-medium {
+  font-weight: $sg-font-medium;
+}
+
 // Date bloc in use on the toolbar
 // ----------------------------------------------------------------------------
 $today-font-size: 72px; // Visualy adjusted