Fix UI complaints: card height and print view
All checks were successful
Docker Build & Push / build-and-push (push) Successful in 12s

- Reverted Phase 1 Lager card heights back to 200px as originally requested.

- Fixed print view empty first page by removing page-break-inside: avoid from carrier-section.

- Added backpack manufacturer and model to the print view table.
This commit is contained in:
Gemini Agent
2026-05-12 12:11:55 +00:00
parent bf71ad7990
commit ca00ca3469
2 changed files with 13 additions and 7 deletions

View File

@@ -159,17 +159,17 @@ $conn->close();
border: 1px solid #eee; border-radius: 8px; padding: 6px;
text-align: center; background: #fff; display: flex; flex-direction: column;
transition: transform 0.1s, box-shadow 0.1s;
height: 165px;
height: 200px;
}
.lager-card:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.05); }
.lager-img-wrapper {
width: 100%; height: 75px; margin-bottom: 4px; display: flex;
width: 100%; height: 90px; margin-bottom: 6px; display: flex;
align-items: center; justify-content: center; overflow: hidden;
flex-shrink: 0;
}
.lager-img-wrapper img.lager-card-img {
width: 100% !important; height: 100% !important;
max-width: 100% !important; max-height: 75px !important;
max-width: 100% !important; max-height: 90px !important;
object-fit: contain !important; border-radius: 4px;
}
.lager-title {

View File

@@ -49,6 +49,7 @@ if ($packing_list) {
COALESCE(a.name, pli.name, bp.name, bpc.name, 'Unbekannt') AS name,
a.weight_grams, c.name AS category_name, a.consumable, a.image_url,
a.product_designation, m.name AS manufacturer_name,
bp.manufacturer AS bp_manufacturer, bp.model AS bp_model,
u.username AS carrier_name
FROM packing_list_items pli
LEFT JOIN articles a ON pli.article_id = a.id
@@ -133,9 +134,14 @@ function render_rows_recursive($items, $level = 0) {
if ($level > 0 && !$is_container) echo '<span style="color:#ccc; margin-right:5px;">↳</span>';
$meta = [];
if (!empty($item['manufacturer_name'])) $meta[] = $item['manufacturer_name'];
if (!empty($item['product_designation'])) $meta[] = $item['product_designation'];
$meta_str = !empty($meta) && !$is_container ? ' <small style="color:#666;">(' . htmlspecialchars(implode(' - ', $meta)) . ')</small>' : '';
if (!empty($item['backpack_id'])) {
if (!empty($item['bp_manufacturer'])) $meta[] = $item['bp_manufacturer'];
if (!empty($item['bp_model'])) $meta[] = $item['bp_model'];
} else {
if (!empty($item['manufacturer_name'])) $meta[] = $item['manufacturer_name'];
if (!empty($item['product_designation'])) $meta[] = $item['product_designation'];
}
$meta_str = !empty($meta) && (!empty($item['backpack_id']) || !$is_container) ? ' <small style="color:#666;">(' . htmlspecialchars(implode(' - ', $meta)) . ')</small>' : '';
echo '<span style="' . $name_style . '">' . htmlspecialchars($item['name']) . '</span>' . $meta_str;
echo '</td>';
@@ -170,7 +176,7 @@ function render_rows_recursive($items, $level = 0) {
h1 { text-align: center; margin-bottom: 5px; }
p.desc { text-align: center; color: #666; margin-bottom: 30px; }
.carrier-section { margin-bottom: 30px; page-break-inside: avoid; }
.carrier-section { margin-bottom: 30px; }
.carrier-title { font-size: 14pt; border-bottom: 2px solid #000; margin-bottom: 10px; padding-bottom: 5px; }
table { width: 100%; border-collapse: collapse; margin-bottom: 10px; }