From c0a5f9b0fd2765c293eb75aae541df41b6d0123c Mon Sep 17 00:00:00 2001 From: Marlene Simondant <msimondant@grandlyon.com> Date: Tue, 18 Mar 2025 15:13:23 +0100 Subject: [PATCH] Add orange tag --- src/app/shared/components/tag-item/tag-item.component.scss | 5 +++++ src/app/shared/components/tag-item/tag-item.component.ts | 3 ++- 2 files changed, 7 insertions(+), 1 deletion(-) 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 2c4286806..f5ce60f2d 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 ad5fcb56e..02f1b5215 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; -- GitLab