Mirrors/super-productivity
1
0
Fork 0
mirror of https://github.com/johannesjo/super-productivity.git synced 2026-07-30 19:20:42 +00:00
Code Issues Projects Releases Wiki Activity

feat: improve emoji styling in nav

Browse source
This commit is contained in:
Johannes Millan 2025-09-20 20:20:28 +02:00
parent 38d9d205ca
commit b2c1f07f2f
2 changed files with 8 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/app/core-ui/magic-side-nav/nav-item/nav-item.component.html
View file

@ -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()"

1
src/app/core-ui/magic-side-nav/nav-item/nav-item.component.scss
View file

@ -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;