From df729083ded6ff63011a3d68c3b3db74d8846db2 Mon Sep 17 00:00:00 2001 From: "matthias.lotz" Date: Wed, 4 Jun 2025 20:22:05 +0200 Subject: [PATCH] =?UTF-8?q?[IMP]=20pos=20styling:=20Einheitliche=20Scrollb?= =?UTF-8?q?ar-Gr=C3=B6=C3=9Fe=20im=20POS-Bereich?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Setzt eine globale CSS-Regel für alle Scrollbars innerhalb des POS-Interfaces (`.pos *::-webkit-scrollbar`) auf 8px Breite und Höhe. Dadurch erhalten alle scrollbaren Elemente eine konsistente und bedienfreundliche Scrollbar-Darstellung, insbesondere für Touchscreen- und Terminal-Geräte. --- static/src/css/pos.css | 35 ++++++++++++++++++++++++++++++++++- 1 file changed, 34 insertions(+), 1 deletion(-) diff --git a/static/src/css/pos.css b/static/src/css/pos.css index 9276402..cfdfc4d 100644 --- a/static/src/css/pos.css +++ b/static/src/css/pos.css @@ -1,7 +1,40 @@ -.ows-sidebar { width: 220px; } +.custompane { + display: flex; + flex-direction: column; + height: 100%; + overflow: hidden; +} + +.ows-sidebar { + flex: 1 1 auto; + width: 220px; + display: flex; + flex-direction: column; + overflow: hidden; +} + + .order-entry:hover { cursor: pointer; } .order-entry.selected { background-color: #007bff; color: white; } +.ows-customer-list { + flex: 1 1 auto; + overflow-y: auto; + min-height: 0; /* notwendig für Scrollbar */ +} + +.client-details-grid { + flex-shrink: 0; + max-height: 60%; + overflow-y: auto; + background: #fff; +} + +.pos *::-webkit-scrollbar { + width: 8px; + height:8px; +} + .sidebar-line { display: flex; justify-content: space-between;