From 8e59a0d7d262d51e75ec0ee2a791e374dc4cabdc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Loi=CC=88c=20Correnson?= <loic.correnson@cea.fr>
Date: Tue, 12 Sep 2023 10:39:02 +0200
Subject: [PATCH] [dome] fixed icon styles
---
ivette/src/dome/renderer/controls/buttons.tsx | 2 +-
ivette/src/dome/renderer/controls/icons.tsx | 3 ++-
ivette/src/dome/renderer/controls/style.css | 3 ++-
3 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/ivette/src/dome/renderer/controls/buttons.tsx b/ivette/src/dome/renderer/controls/buttons.tsx
index 461524e3085..15314c84a7e 100644
--- a/ivette/src/dome/renderer/controls/buttons.tsx
+++ b/ivette/src/dome/renderer/controls/buttons.tsx
@@ -197,7 +197,7 @@ export const CircButton = (props: ButtonProps): JSX.Element => {
// --------------------------------------------------------------------------
export type IconButtonKind =
- undefined | 'selected' | 'default' | 'negative' | 'positive' | 'warning';
+ 'default' | 'positive' | 'negative' | 'warning';
export interface IconButtonProps {
/** Icon identifier. Displayed on the left side of the label. */
diff --git a/ivette/src/dome/renderer/controls/icons.tsx b/ivette/src/dome/renderer/controls/icons.tsx
index 5759f151e36..a4d00f54121 100644
--- a/ivette/src/dome/renderer/controls/icons.tsx
+++ b/ivette/src/dome/renderer/controls/icons.tsx
@@ -96,7 +96,8 @@ export function SVG(props: SVGprops): null | JSX.Element {
// --- Icon Component
// --------------------------------------------------------------------------
-export type IconKind = 'disabled' | 'warning' | 'positive' | 'negative';
+export type IconKind =
+ 'disabled' | 'selected' | 'positive' | 'negative' | 'warning';
/** Icon Component Properties */
export interface IconProps extends SVGprops {
diff --git a/ivette/src/dome/renderer/controls/style.css b/ivette/src/dome/renderer/controls/style.css
index a5cd05a7c0e..009b5913328 100644
--- a/ivette/src/dome/renderer/controls/style.css
+++ b/ivette/src/dome/renderer/controls/style.css
@@ -30,10 +30,11 @@
}
.dome-xIcon-default { fill: var(--var-info-text-discrete) ; }
+.dome-xIcon-disabled { fill: var(--background-intense) ; }
+.dome-xIcon-selected { fill: var(--activated-button-color) ; }
.dome-xIcon-positive { fill: var(--positive-button-color) ; }
.dome-xIcon-negative { fill: var(--negative-button-color) ; }
.dome-xIcon-warning { fill: var(--warning-button-color) ; }
-.dome-xIcon-disabled { fill: var(--background-intense) ; }
.dome-xBadge {
flex: 0 0 auto ;
--
GitLab