From b2c1f07f2ff62e27e6b3104fae2e40a685c0ec42 Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Sat, 20 Sep 2025 20:20:28 +0200
Subject: [PATCH] feat: improve emoji styling in nav

---
 .../nav-item/nav-item.component.html          | 23 +++++++------------
 .../nav-item/nav-item.component.scss          |  1 -
 2 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/src/app/core-ui/magic-side-nav/nav-item/nav-item.component.html b/src/app/core-ui/magic-side-nav/nav-item/nav-item.component.html
index 161b196f91..fcadcdff65 100644
--- a/src/app/core-ui/magic-side-nav/nav-item/nav-item.component.html
+++ b/src/app/core-ui/magic-side-nav/nav-item/nav-item.component.html
@@ -13,21 +13,14 @@
     mat-menu-item
     (click)="clicked.emit()"
   >
-    @if (isWorkContextEmojiIcon()) {
-      <span
-        class="nav-icon nav-icon-emoji"
-        style="color: {{ workContext()?.theme.primary }}"
-        [class.drag-handle]="defaultIcon() !== 'today' && defaultIcon() !== 'inbox'"
-        >{{ workContext()!.icon || defaultIcon() }}
-      </span>
-    } @else {
-      <mat-icon
-        class="nav-icon"
-        style="color: {{ workContext()?.theme.primary }}"
-        [class.drag-handle]="defaultIcon() !== 'today' && defaultIcon() !== 'inbox'"
-        >{{ workContext()!.icon || defaultIcon() }}
-      </mat-icon>
-    }
+    <mat-icon
+      class="nav-icon"
+      style="color: {{ workContext()?.theme.primary }}"
+      [class.nav-icon-emoji]="isWorkContextEmojiIcon()"
+      [class.drag-handle]="defaultIcon() !== 'today' && defaultIcon() !== 'inbox'"
+      >{{ workContext()!.icon || defaultIcon() }}
+    </mat-icon>
+
     <span
       class="nav-label"
       [class.label-hidden]="!showLabels()"
diff --git a/src/app/core-ui/magic-side-nav/nav-item/nav-item.component.scss b/src/app/core-ui/magic-side-nav/nav-item/nav-item.component.scss
index 460d7681ca..6466250a8d 100644
--- a/src/app/core-ui/magic-side-nav/nav-item/nav-item.component.scss
+++ b/src/app/core-ui/magic-side-nav/nav-item/nav-item.component.scss
@@ -219,7 +219,6 @@ button[mat-menu-item].nav-link.active {
   &.nav-icon-emoji {
     font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
     font-size: 16px;
-    // Reset any Material Design icon styling
     font-feature-settings: normal;
     font-variation-settings: normal;
     text-transform: none;