Make panel headers static when scrolling panel content

2 years ago · 2ce3c11da2
parent 4c6e5415cb
commit 2ce3c11da2
2 changed files with 21 additions and 1 deletions
--- a/core/templates/base.html
+++ b/core/templates/base.html
@ -162,6 +162,26 @@
        background-color: transparent !important;
      }

+      .grid-stack-item-content {
+        display: flex !important;
+        flex-direction: column !important;
+        overflow-x: hidden !important;
+        overflow-y: hidden !important;
+      }
+
+      .panel {
+        display: flex !important;
+        flex-direction: column !important;
+        overflow: hidden;
+      }
+
+      .panel-block {
+        overflow-y:scroll;
+        overflow-x:scroll;
+        min-height: 90%;
+        display: block;
+      }
+
    </style>
  </head>
  <body>
--- a/core/templates/ui/drilldown/table_results_partial.html
+++ b/core/templates/ui/drilldown/table_results_partial.html
@ -54,7 +54,7 @@
        });

      </script>
-      <div id="table-container" class="table-container" style="display:none;">
+      <div id="table-container" style="display:none;">
        <table {% render_attrs table.attrs class="table drilldown-results-table is-fullwidth" %}>
          {% block table.thead %}
            {% if table.show_header %}