finish drawer page styling

issam-seghir · Nov 28, 2023 · 3e3ff6d · 3e3ff6d
1 parent 6d0b311
commit 3e3ff6d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/jsx/pages/Drawer.jsx b/src/jsx/pages/Drawer.jsx
@@ -1,4 +1,4 @@
-import { ConnectorEditing, DiagramComponent, DiagramTools, Inject, PortConstraints, PortVisibility, PrintAndExport, SnapConstraints, Snapping, UndoRedo } from "@syncfusion/ej2-react-diagrams";
+import { ConnectorEditing, DiagramComponent, DiagramTools,DiagramContextMenu, Inject, PortConstraints, PortVisibility, PrintAndExport, SnapConstraints, Snapping, UndoRedo } from "@syncfusion/ej2-react-diagrams";
 import * as React from "react";
 
 let shape = [
@@ -335,7 +335,7 @@ function DrawingTools() {
 						}}
 						contextMenuSettings={{ show: true }}
 					/>
-					<Inject services={[UndoRedo, Snapping, ConnectorEditing, PrintAndExport]} />
+					<Inject services={[UndoRedo, Snapping, ConnectorEditing, PrintAndExport, DiagramContextMenu]} />
 				</div>
 			</div>
 

diff --git a/src/scss/utilities/_syncfusion-diagram.scss b/src/scss/utilities/_syncfusion-diagram.scss
@@ -76,11 +76,12 @@ border-radius: 1rem !important;
   }
 
    .e-diagram .e-diagram-text-edit {
-    background: white !important;
-    border-color: red !important;
+    background: var(--joy-palette-primary-softBg) !important;
+    border-color: var(--joy-palette-primary-softColor) !important;
     border-style: dashed;
     border-width: 1px;
     box-sizing: content-box;
-    color: black;
-    min-width: 50px;
+    color: var(--joy-palette-primary-softColor) !important;
+    font-size: var(--text-xl3);
+    min-width: 100px;
   }