Merge pull request #98 from neuroglia-io/style-dagre-svg-definitions

Prevented the svg definitions block from taking up space in Neuroglia.Blazor.Dagre
neuroglia-io · Jul 8, 2024 · 98115b9 · 98115b9
2 parents 989d544 + f888e37
commit 98115b9
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 4 deletions.
diff --git a/src/Neuroglia.Blazor.Dagre/DagreGraph.razor b/src/Neuroglia.Blazor.Dagre/DagreGraph.razor
@@ -4,7 +4,7 @@
 @implements IDisposable
 
 @if (graph != null) {
-    <svg id="svg-definitions"
+    <svg class="svg-definitions"
          version="1.2"
          baseProfile="tiny"
          xmlns="http://www.w3.org/2000/svg"

diff --git a/src/Neuroglia.Blazor.Dagre/wwwroot/neuroglia-blazor-dagre.css b/src/Neuroglia.Blazor.Dagre/wwwroot/neuroglia-blazor-dagre.css
@@ -1,4 +1,14 @@
-.graph-container {
+.svg-definitions {
+  width: 0 !important;
+  height: 0 !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  position: absolute;
+  top: -100px;
+  left: -100px;
+}
+
+.graph-container {
   width: 100%;
   height: 100%;
 }

diff --git a/src/Neuroglia.Blazor.Dagre/wwwroot/neuroglia-blazor-dagre.min.css b/src/Neuroglia.Blazor.Dagre/wwwroot/neuroglia-blazor-dagre.min.css
diff --git a/src/Neuroglia.Blazor.Dagre/wwwroot/neuroglia-blazor-dagre.scss b/src/Neuroglia.Blazor.Dagre/wwwroot/neuroglia-blazor-dagre.scss
@@ -1,4 +1,14 @@
-.graph-container {
+.svg-definitions {
+    width: 0 !important;
+    height: 0 !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    position: absolute;
+    top: -100px;
+    left: -100px;
+}
+
+.graph-container {
     width: 100%;
     height: 100%;
 }