Compare commits
2 Commits
338425535e
...
9423c79c80
| Author | SHA256 | Date | |
|---|---|---|---|
|
|
9423c79c80 | ||
|
|
8a958b9c48 |
@@ -1160,6 +1160,101 @@ body, .container-fluid {
|
|||||||
break-inside: avoid;
|
break-inside: avoid;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
/* =====================================================
|
||||||
|
GLOBAL EDGE-TO-EDGE + ZOOM SAFE PATCH (CSS ONLY)
|
||||||
|
===================================================== */
|
||||||
|
|
||||||
|
/* 1️⃣ Kill boxed layouts on desktop & zoom */
|
||||||
|
html, body {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
overflow-x: clip;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 2️⃣ Force container-fluid to truly span full width */
|
||||||
|
.container-fluid {
|
||||||
|
width: 100% !important;
|
||||||
|
max-width: 100% !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
padding-left: clamp(12px, 1.8vw, 28px) !important;
|
||||||
|
padding-right: clamp(12px, 1.8vw, 28px) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 3️⃣ Zoom-safe scaling (VERY IMPORTANT) */
|
||||||
|
body {
|
||||||
|
font-size: clamp(14px, 0.95vw, 16px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* =====================================================
|
||||||
|
DASHBOARD CARD & GRID FIXES (NO HTML CHANGE)
|
||||||
|
===================================================== */
|
||||||
|
|
||||||
|
/* 4️⃣ Make stat grids auto-adjust on zoom */
|
||||||
|
.stats-row,
|
||||||
|
.shipment-totals-row {
|
||||||
|
display: grid !important;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
|
||||||
|
gap: clamp(12px, 1.5vw, 20px) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 5️⃣ Prevent hover zoom breaking layout */
|
||||||
|
.stats-card:hover,
|
||||||
|
.card:hover,
|
||||||
|
.table tbody tr:hover {
|
||||||
|
transform: translateY(-4px) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* =====================================================
|
||||||
|
TABLE ZOOM FIX (NO MORE CRUSHING / OVERFLOW)
|
||||||
|
===================================================== */
|
||||||
|
|
||||||
|
/* 6️⃣ Tables behave like shipment page */
|
||||||
|
.table-responsive {
|
||||||
|
width: 100%;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 7️⃣ Remove hard min-widths that break zoom */
|
||||||
|
.table,
|
||||||
|
.custom-table-modal,
|
||||||
|
.shipment-details-table {
|
||||||
|
width: 100% !important;
|
||||||
|
min-width: max-content !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 8️⃣ Let text wrap naturally when zoomed */
|
||||||
|
.table td,
|
||||||
|
.table th {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* =====================================================
|
||||||
|
MODALS – EDGE TO EDGE WITHOUT TOUCHING MARKUP
|
||||||
|
===================================================== */
|
||||||
|
|
||||||
|
.modal-xl {
|
||||||
|
max-width: 96vw !important;
|
||||||
|
width: 96vw !important;
|
||||||
|
margin: 1vh auto !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.modal-xl {
|
||||||
|
max-width: 100vw !important;
|
||||||
|
width: 100vw !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
height: 100vh !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* =====================================================
|
||||||
|
FINAL SAFETY – PREVENT LAYOUT SHRINK ON ZOOM
|
||||||
|
===================================================== */
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<div class="container-fluid py-3">
|
<div class="container-fluid py-3">
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -333,7 +333,11 @@ a.btn.btn-primary.position-relative .badge {
|
|||||||
box-shadow: 0 0 0 2px #ffffff;
|
box-shadow: 0 0 0 2px #ffffff;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.custom-table th,
|
||||||
|
.custom-table td {
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -1400,6 +1400,7 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
|
|
||||||
@forelse($availableOrders as $order)
|
@forelse($availableOrders as $order)
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
|
|||||||
Reference in New Issue
Block a user