From 972d7018261ec3bb6be93b8916f09db71df83707 Mon Sep 17 00:00:00 2001 From: Mariia Kovsharova Date: Thu, 11 Dec 2025 15:58:12 +0100 Subject: [PATCH] bugfix: centered header-menu items in --- CHANGELOG.md | 4 ++++ src/extensions/react-flow/nodes/_nodes.scss | 7 ++++--- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index bdaf6182..177a643f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -24,6 +24,10 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p - `` - `` and `` +### Fixed + +- Centered header-menu items in + ## [25.0.0] - 2025-12-01 This is a major release, and it might be not compatible with your current usage of our library. Please read about the necessary changes in the section about how to migrate. diff --git a/src/extensions/react-flow/nodes/_nodes.scss b/src/extensions/react-flow/nodes/_nodes.scss index a66c953a..7c828938 100644 --- a/src/extensions/react-flow/nodes/_nodes.scss +++ b/src/extensions/react-flow/nodes/_nodes.scss @@ -53,7 +53,8 @@ border-radius: $reactflow-node-border-radius; &:hover { - box-shadow: 0 0 0 6 * $reactflow-node-border-width eccgui-color-rgba($reactflow-edge-stroke-color-selected, 0.05); + box-shadow: 0 0 0 6 * $reactflow-node-border-width + eccgui-color-rgba($reactflow-edge-stroke-color-selected, 0.05); } &.was-resized.is-resizable-vertical { @@ -147,8 +148,10 @@ .#{$eccgui}-graphviz__node__header-depiction, .#{$eccgui}-graphviz__node__header-menu { + display: flex; flex-grow: 0; flex-shrink: 0; + align-items: center; max-height: calc(#{$reactflow-node-basesize} - #{2 * $reactflow-node-border-width}); margin: 0 $eccgui-size-block-whitespace * 0.25; @@ -158,8 +161,6 @@ } .#{$eccgui}-graphviz__node__header-depiction { - display: flex; - align-items: center; justify-content: center; /* TODO: does not work correctly with tooltips around