From 1d6b324735cadc2d1ce682a7c58522a51d5b2848 Mon Sep 17 00:00:00 2001
From: MrCoder <eagle.xiao@gmail.com>
Date: Fri, 10 Jan 2025 14:10:13 +1100
Subject: [PATCH] style(DiagramFrame): remove relative positioning and add
 pointer-events none to critical fragment

Allowing click on collapse button.
---
 .../Block/Statement/Fragment/FragmentCritical.vue           | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentCritical.vue b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentCritical.vue
index fd6bcccd..652f4f38 100644
--- a/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentCritical.vue
+++ b/src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Fragment/FragmentCritical.vue
@@ -4,7 +4,7 @@
     :data-left-participant="leftParticipant"
     :data-frame-padding-left="border.left"
     :data-frame-padding-right="border.right"
-    class="fragment critical border-skin-fragment rounded relative"
+    class="fragment critical border-skin-fragment rounded"
     :style="fragmentStyle"
   >
     <div class="segment">
@@ -55,7 +55,7 @@ import fragment from "./FragmentMixin";
 import Numbering from "../../../Numbering.vue";
 
 export default {
-  name: "fragment-section",
+  name: "fragment-critical",
   components: { Numbering },
   props: ["context", "comment", "commentObj", "number"],
   mixins: [fragment],
@@ -92,6 +92,7 @@ export default {
   bottom: 0;
   left: 0;
   border: 1px solid;
+  pointer-events: none;
 }
 
 .critical .header::before {
@@ -102,5 +103,6 @@ export default {
   bottom: 0;
   left: 0;
   border-bottom: 2px solid;
+  pointer-events: none;
 }
 </style>