From 9dd2b71b5f4181aed2aabc12cd288e996470e180 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lo=C3=AFc=20Correnson?= <loic.correnson@cea.fr>
Date: Mon, 15 Apr 2024 11:50:53 +0200
Subject: [PATCH] [dome] styling toolbar controls
---
ivette/src/dome/renderer/dark.css | 6 +++---
ivette/src/dome/renderer/frame/style.css | 2 +-
ivette/src/dome/renderer/frame/toolbars.tsx | 2 +-
3 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/ivette/src/dome/renderer/dark.css b/ivette/src/dome/renderer/dark.css
index 48b30c70620..66d7f12bb14 100644
--- a/ivette/src/dome/renderer/dark.css
+++ b/ivette/src/dome/renderer/dark.css
@@ -42,7 +42,7 @@
--default-button-color: #3c495b;
--default-led-img: radial-gradient(circle at center, #5f92b9, #4189bf);
--default-button-img: linear-gradient(to bottom, #3c495b 0%, #455164 100%);
- --default-button-hover: #364355;
+ --default-button-hover: #154240;
--default-button-active: #303d4f;
--primary-button-color: #146bbf;
@@ -72,8 +72,8 @@
--cancel-button-hover: #0e2638;
--cancel-button-active: #041c2e;
- --selected-button-img: #355174;
- --selected-button-hover: #456184;
+ --selected-button-img: #336cb3;
+ --selected-button-hover: #116cdc;
--activated-button-color: #348bdf;
--activated-button-hover: #b53d9e;
diff --git a/ivette/src/dome/renderer/frame/style.css b/ivette/src/dome/renderer/frame/style.css
index a3f2d078301..8ac7d4f4001 100644
--- a/ivette/src/dome/renderer/frame/style.css
+++ b/ivette/src/dome/renderer/frame/style.css
@@ -290,7 +290,7 @@
flex: 0 0 auto ;
height: 21px ;
margin: 6px 5px 6px 5px ;
- padding: 0px 4px 2px 4px ;
+ padding: 2px 5px 2px 5px ;
box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
border: 1px solid transparent;
border-radius: 4px;
diff --git a/ivette/src/dome/renderer/frame/toolbars.tsx b/ivette/src/dome/renderer/frame/toolbars.tsx
index 9204057d63c..a2243d78322 100644
--- a/ivette/src/dome/renderer/frame/toolbars.tsx
+++ b/ivette/src/dome/renderer/frame/toolbars.tsx
@@ -192,7 +192,7 @@ export function Button<A = undefined>(
onContextMenu={onContextMenu && ((evt) => onContextMenu(value, evt))}
title={props.title}
>
- {props.icon && <SVG id={props.icon} />}
+ {props.icon && <SVG offset={-1} id={props.icon} />}
{props.label && <label>{props.label}</label>}
{props.children}
</button>
--
GitLab