Implemented the warning icon visibility fix.

PlotLine/Views/Timeline/Index.cshtml

@@ -940,6 +940,7 @@ else
                     {
                         <div class="plot-lane-board" data-timeline-section="plot-lines" data-plot-line-svg-board style="--scene-count:@timelineColumns.Count">
                         <svg class="plot-lane-svg-overlay" data-plot-line-svg aria-hidden="true"></svg>
+                        <svg class="plot-lane-svg-overlay plot-lane-svg-health-overlay" data-plot-line-health-svg aria-hidden="true"></svg>
                         <div class="lane-board-heading plot-lane-board-heading">
                             <span class="timeline-heading-with-help">
                                 <button type="button" data-collapse-toggle="plot-lines">Plot line lanes</button>

PlotLine/wwwroot/css/site.css

@@ -1075,6 +1075,10 @@ body.timeline-inspector-resizing {
   overflow: visible;
 }
 
+.plot-lane-svg-health-overlay {
+  z-index: 8;
+}
+
 .plot-line-svg-path {
   fill: none;
   stroke-width: 3.5;

PlotLine/wwwroot/js/site.js

@@ -1589,14 +1589,25 @@
       if (!svg) {
         return;
       }
+      let healthSvg = board.querySelector("[data-plot-line-health-svg]");
+      if (!healthSvg) {
+        healthSvg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+        healthSvg.setAttribute("class", "plot-lane-svg-overlay plot-lane-svg-health-overlay");
+        healthSvg.setAttribute("data-plot-line-health-svg", "");
+        healthSvg.setAttribute("aria-hidden", "true");
+        svg.after(healthSvg);
+      }
 
       svg.replaceChildren();
+      healthSvg.replaceChildren();
       const boardRect = board.getBoundingClientRect();
       const width = Math.max(board.scrollWidth, boardRect.width);
       const height = Math.max(board.scrollHeight, boardRect.height);
-      svg.setAttribute("viewBox", `0 0 ${width} ${height}`);
-      svg.setAttribute("width", String(width));
-      svg.setAttribute("height", String(height));
+      [svg, healthSvg].forEach((layer) => {
+        layer.setAttribute("viewBox", `0 0 ${width} ${height}`);
+        layer.setAttribute("width", String(width));
+        layer.setAttribute("height", String(height));
+      });
 
       const makeSvg = (name, attributes = {}) => {
         const element = document.createElementNS("http://www.w3.org/2000/svg", name);
@@ -1734,7 +1745,7 @@
           }
         }
 
-        svg.append(group);
+        healthSvg.append(group);
       };
 
       const drawConnector = (source, targetRow, colour, type) => {