Merge pull request #474 from will-moore/legend_z-index_fix

Only show legend-container above right panel when editing
ome · Aug 9, 2022 · 0e56b41 · 0e56b41
2 parents 5e4c5f8 + 5a6bc89
commit 0e56b41
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/omero_figure/static/figure/css/figure.css b/omero_figure/static/figure/css/figure.css
@@ -139,7 +139,7 @@
 
     /* -- Legend -- */
     .legend-container {
-        z-index: 100;
+        z-index: 1;
         position:fixed;
         bottom: 54px;
         width: 60%;

diff --git a/src/js/views/legend_view.js b/src/js/views/legend_view.js
@@ -143,11 +143,14 @@ var LegendView = Backbone.View.extend({
                 var html = '<textarea class="form-control" rows="9" style="resize:none">'
                             + legendText + '</textarea>';
                 $legend.html(html);
+                // Show above the right-hand panel when editing
+                $(".legend-container").css("z-index", 100);
             } else {
                 // ...only show 'edit' button
                 $edit.show();
                 $save.hide();
                 $cancel.hide();
+                $(".legend-container").css("z-index", 1);
 
                 $panel.removeClass('editing');
                 if (legendText.length === 0) {