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

feat: adjust styling for inbox icon

Browse source
This commit is contained in:
Johannes Millan 2025-05-10 15:36:18 +02:00
parent 27f31b764f
commit d5f05fb97e
3 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/app/features/tag/tag/tag.component.html
View file

@ -1,8 +1,10 @@
<mat-icon
[style.background]="color()"
class="tag-ico"
>{{ tag().icon }}</mat-icon
>
@if (!isInboxTag()) {
<mat-icon
[style.background]="color()"
class="tag-ico"
>{{ tag().icon }}
</mat-icon>
}
@if (!isHideTitle()) {
<span class="tag-title">{{ tag().title }}</span>
}

2
src/app/features/tag/tag/tag.component.scss
View file

@ -30,7 +30,7 @@ $pad: ($ico-size - $line-height + $ico-pad * 2) * 0.5;
.tag-title {
display: block;
font-size: 12px;
line-height: $line-height;
line-height: 1;
padding: $pad 0;
@include darkTheme() {

2
src/app/features/tag/tag/tag.component.ts
View file

@ -6,6 +6,7 @@ import {
Signal,
} from '@angular/core';
import { MatIcon } from '@angular/material/icon';
import { INBOX_TAG } from '../tag.const';
export interface TagComponentTag {
title: string;
@ -28,6 +29,7 @@ export interface TagComponentTag {
export class TagComponent {
tag = input.required<TagComponentTag>();
isHideTitle = input(false);
isInboxTag = computed(() => (this.tag() as any).id === INBOX_TAG.id);
// @HostBinding('style.background')
color: Signal<string | undefined> = computed(() => {