food-cockpit/foodlinkk-command-center
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enlarge Wereldexport world map to full usable size.

Browse Source 
Stack map full-width with 62vh height; on wide screens use 65/35 split and taller map area.
This commit is contained in:
Aissa
2026-07-19 18:55:20 +00:00
parent ff22498dcd
commit 0d74c146aa
3 changed files with 34 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cockpit/static/css/export-intel.css
+32 -7
View File
@@ -42,8 +42,8 @@
.ei-filter-clear { font-size: 0.72rem; opacity: 0.85; }
.ei-split { align-items: stretch; }
.ei-split > .ei-map-wrap { grid-column: 1; }
.ei-split > .ei-panel { grid-column: 2; }
.ei-split > .ei-map-wrap { width: 100%; }
.ei-split > .ei-panel { width: 100%; max-height: none; }
.ei-progress-overlay {
position: fixed; inset: 0; z-index: 1200;
@@ -90,8 +90,22 @@
.ei-edit-full { grid-column: 1 / -1; }
.ei-edit-actions { display: flex; gap: 0.5rem; margin-top: 0.75rem; }
.ei-split { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; min-height: 420px; }
@media (max-width: 900px) { .ei-split { grid-template-columns: 1fr; } }
.ei-split {
display: flex;
flex-direction: column;
gap: 1rem;
min-height: 0;
}
@media (min-width: 1200px) {
.ei-split.ei-split-side {
display: grid;
grid-template-columns: minmax(0, 1.65fr) minmax(320px, 1fr);
grid-template-rows: minmax(480px, 62vh);
align-items: stretch;
}
.ei-split.ei-split-side > .ei-map-wrap { grid-column: 1; grid-row: 1; height: 100%; min-height: 480px; }
.ei-split.ei-split-side > .ei-panel { grid-column: 2; grid-row: 1; max-height: 62vh; overflow: auto; }
}
.ei-map-wrap { position: relative; }
.ei-map-loading {
@@ -110,8 +124,19 @@
.ei-map-truncated { margin: 0 0 0.65rem; font-size: 0.75rem; color: #64748b; }
.ei-map-error { margin: 0 0 0.65rem; padding: 0.65rem 0.85rem; border-radius: 10px; border: 1px solid rgba(251,113,133,0.35); background: rgba(127,29,29,0.25); color: #fecdd3; font-size: 0.82rem; }
.ei-map-wrap { border-radius: 14px; overflow: hidden; border: 1px solid rgba(14,165,233,0.2); height: 420px; min-height: 420px; background: #0a0e14; }
.ei-map-wrap #ei-map { height: 420px; width: 100%; }
.ei-map-wrap {
border-radius: 14px;
overflow: hidden;
border: 1px solid rgba(14,165,233,0.2);
height: min(62vh, 720px);
min-height: 480px;
background: #0a0e14;
}
.ei-map-wrap #ei-map {
height: 100%;
min-height: 480px;
width: 100%;
}
/* Leaflet popups — rich card */
.ei-map-wrap .leaflet-popup-content-wrapper,
@@ -399,7 +424,7 @@
.ei-map-empty-actions { display: flex; gap: 0.5rem; margin-top: 0.65rem; flex-wrap: wrap; }
.ei-panel { border-radius: 14px; padding: 0.75rem; background: rgba(10,14,20,0.85); border: 1px solid rgba(148,163,184,0.12); }
.ei-table-wrap { overflow-x: auto; max-height: 480px; }
.ei-table-wrap { overflow-x: auto; max-height: min(42vh, 520px); }
.ei-table { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
.ei-table th, .ei-table td { padding: 0.5rem 0.6rem; text-align: left; border-bottom: 1px solid rgba(148,163,184,0.08); }
.ei-table th { color: #94a3b8; font-weight: 600; position: sticky; top: 0; background: #0f1419; }
cockpit/static/js/export-intel-map.js
+1
View File
@@ -165,6 +165,7 @@ window.ExportIntelMap = (function () {
map.invalidateSize(true);
setTimeout(function () { if (map) map.invalidateSize(true); }, 120);
setTimeout(function () { if (map) map.invalidateSize(true); }, 400);
setTimeout(function () { if (map) map.invalidateSize(true); }, 800);
}
function init(containerId) {
cockpit/templates/export_intel.html
+1 -1
View File
@@ -4,7 +4,7 @@
<link rel="stylesheet" href="/static/vendor/leaflet/leaflet.css?v=1" />
<link rel="stylesheet" href="/static/vendor/leaflet.markercluster/MarkerCluster.css?v=1" />
<link rel="stylesheet" href="/static/vendor/leaflet.markercluster/MarkerCluster.Default.css?v=1" />
<link rel="stylesheet" href="/static/css/export-intel.css?v=15" />
<link rel="stylesheet" href="/static/css/export-intel.css?v=16" />
<link rel="stylesheet" href="/static/css/export-intel-tabs.css?v=10" />
<script src="/static/vendor/leaflet/leaflet.js?v=1"></script>
<script src="/static/vendor/leaflet.markercluster/leaflet.markercluster.js?v=1"></script>