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

Fix map layout jump, CRM/edit distributeurs, progress overlay.

Browse Source 
Stable map grid, no fitBounds on world view, entity PATCH edit form, CRM buttons on distributors, and loading animation for sync/wait states.
This commit is contained in:
Aissa
2026-07-19 18:47:12 +00:00
parent 6856d09cd1
commit 8d2766efb6
6 changed files with 263 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cockpit/static/css/export-intel.css
+50
View File
@@ -40,6 +40,56 @@
.ei-filter-meta { display: flex; align-items: center; gap: 0.5rem; margin-left: auto; }
.ei-filter-count { font-size: 0.75rem; color: #64748b; white-space: nowrap; }
.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-progress-overlay {
position: fixed; inset: 0; z-index: 1200;
display: flex; align-items: center; justify-content: center;
background: rgba(4, 8, 14, 0.55); backdrop-filter: blur(2px);
}
.ei-progress-card {
min-width: 260px; max-width: 90vw; padding: 1.1rem 1.25rem;
border-radius: 14px; border: 1px solid rgba(56, 189, 248, 0.35);
background: rgba(10, 14, 20, 0.95); text-align: center;
box-shadow: 0 12px 40px rgba(0,0,0,0.45);
}
.ei-progress-card p { margin: 0.65rem 0 0.85rem; color: #e2e8f0; font-size: 0.88rem; }
.ei-progress-spinner {
width: 28px; height: 28px; margin: 0 auto; border-radius: 50%;
border: 3px solid rgba(56, 189, 248, 0.2); border-top-color: #38bdf8;
animation: ei-spin 0.75s linear infinite;
}
.ei-progress-bar {
height: 4px; border-radius: 999px; background: rgba(148, 163, 184, 0.2); overflow: hidden;
}
.ei-progress-bar-fill {
height: 100%; width: 35%; border-radius: 999px;
background: linear-gradient(90deg, #0ea5e9, #38bdf8, #0ea5e9);
background-size: 200% 100%; animation: ei-progress-slide 1.2s ease-in-out infinite;
}
@keyframes ei-progress-slide {
0% { transform: translateX(-120%); }
100% { transform: translateX(320%); }
}
.ei-th-actions, .ei-td-actions { white-space: nowrap; width: 1%; }
.ei-td-actions { display: flex; gap: 0.25rem; flex-wrap: wrap; }
.ei-td-actions .btn { padding: 0.2rem 0.45rem; font-size: 0.68rem; }
.ei-drawer-edit { margin: 1rem 0; padding: 0.85rem; border-radius: 12px; border: 1px solid rgba(56,189,248,0.25); background: rgba(8,12,18,0.6); }
.ei-drawer-edit h4 { margin: 0 0 0.65rem; font-size: 0.85rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.06em; }
.ei-edit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.55rem; }
.ei-edit-grid label { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.68rem; color: #64748b; text-transform: uppercase; }
.ei-edit-grid input, .ei-edit-grid select, .ei-edit-grid textarea {
padding: 0.45rem 0.55rem; border-radius: 8px; border: 1px solid rgba(148,163,184,0.2);
background: rgba(15,23,42,0.8); color: #e2e8f0; font-size: 0.82rem;
}
.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; } }