From d3e9e0eadd0c379d73b754591d6a512a281fae69 Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Wed, 11 Sep 2024 21:25:48 +0300
Subject: [PATCH] B: Fix react-flow attribution styling

---
 .../frontend/src/pages/OssPage/EditorOssGraph/OssFlow.tsx | 3 ++-
 rsconcept/frontend/src/styling/overrides.css              | 8 ++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/rsconcept/frontend/src/pages/OssPage/EditorOssGraph/OssFlow.tsx b/rsconcept/frontend/src/pages/OssPage/EditorOssGraph/OssFlow.tsx
index 1bb5da6f..17f36b75 100644
--- a/rsconcept/frontend/src/pages/OssPage/EditorOssGraph/OssFlow.tsx
+++ b/rsconcept/frontend/src/pages/OssPage/EditorOssGraph/OssFlow.tsx
@@ -350,6 +350,8 @@ function OssFlow({ isModified, setIsModified }: OssFlowProps) {
     []
   );
 
+  // proOptions={{ hideAttribution: true }}
+
   const graph = useMemo(
     () => (
       <ReactFlow
@@ -358,7 +360,6 @@ function OssFlow({ isModified, setIsModified }: OssFlowProps) {
         onNodesChange={handleNodesChange}
         onEdgesChange={onEdgesChange}
         onNodeDoubleClick={handleNodeDoubleClick}
-        proOptions={{ hideAttribution: true }}
         fitView
         nodeTypes={OssNodeTypes}
         maxZoom={2}
diff --git a/rsconcept/frontend/src/styling/overrides.css b/rsconcept/frontend/src/styling/overrides.css
index 2544d996..11bc1268 100644
--- a/rsconcept/frontend/src/styling/overrides.css
+++ b/rsconcept/frontend/src/styling/overrides.css
@@ -64,6 +64,14 @@
   cursor: default;
 }
 
+.react-flow__attribution {
+  background-color: transparent;
+  color: var(--cl-fg-60);
+  .dark & {
+    color: var(--cd-fg-60);
+  }
+}
+
 :is(.react-flow__node-input, .react-flow__node-synthesis) {
   cursor: pointer;