diff --git a/src/app/shared/components/tag-item/tag-item.component.scss b/src/app/shared/components/tag-item/tag-item.component.scss index 2c4286806e8bd5f7a34967c09c3ef663a8e296cf..f5ce60f2dee34dd6e6e4d59848cae9d2de53e69c 100644 --- a/src/app/shared/components/tag-item/tag-item.component.scss +++ b/src/app/shared/components/tag-item/tag-item.component.scss @@ -115,6 +115,11 @@ button { color: $info-success; } + &.orange { + background-color: $light-orange; + color: $orange; + } + &:focus-visible { outline-offset: 2px; } diff --git a/src/app/shared/components/tag-item/tag-item.component.ts b/src/app/shared/components/tag-item/tag-item.component.ts index ad5fcb56e9fda1be7099accc06856b6b7d1b102c..02f1b52150568886f56c8c1818934de1cc11b0a2 100644 --- a/src/app/shared/components/tag-item/tag-item.component.ts +++ b/src/app/shared/components/tag-item/tag-item.component.ts @@ -14,7 +14,8 @@ export class TagItemComponent { @Input() size?: 'small' | 'medium' = 'medium'; /** What color should the tag be ? */ - @Input() color?: 'white' | 'black' | 'red' | 'blue' | 'dark-blue' | 'grey' | 'green' | 'light-green' = 'white'; + @Input() color?: 'white' | 'black' | 'red' | 'orange' | 'blue' | 'dark-blue' | 'grey' | 'green' | 'light-green' = + 'white'; /** Should the button be clickable ? */ @Input() clickable = false;