Skip to content

Commit a3e9fbb

Browse files
Copilotlstein
andcommitted
Fix spinner z-index to appear above Plotly plot
Increase umapSpinner z-index from 1000 to 10000 to ensure it appears above the Plotly plot content. Also add pointer-events: none to allow clicks to pass through the spinner container. The issue was that the spinner and the UMAP window had the same z-index (1000), causing the Plotly plot elements to render above the spinner. Fixes comment from @lstein about spinner not appearing. Co-authored-by: lstein <111189+lstein@users.noreply.github.com>
1 parent 0508439 commit a3e9fbb

2 files changed

Lines changed: 4 additions & 2 deletions

File tree

photomap/frontend/static/css/spinners.css

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,8 @@
1616
left: 50%;
1717
top: 50%;
1818
transform: translate(-50%, -50%);
19-
z-index: 1000;
19+
z-index: 10000;
20+
pointer-events: none;
2021
}
2122

2223
#umapSpinner .umap-spinner {

photomap/frontend/templates/modules/umap-floating-window.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,8 @@
117117
left: 50%;
118118
top: 50%;
119119
transform: translate(-50%, -50%);
120-
z-index: 1000;
120+
z-index: 10000;
121+
pointer-events: none;
121122
"
122123
>
123124
<div class="umap-spinner"></div>

0 commit comments

Comments
 (0)