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