hobbyhimmel/open_workshop
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] pos styling: Einheitliche Scrollbar-Größe im POS-Bereich

Browse Source 
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.
This commit is contained in:
Matthias Lotz 2025-06-04 20:22:05 +02:00
parent 7455e57481
commit df729083de
1 changed files with 34 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
static/src/css/pos.css
View File

@ -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:hover { cursor: pointer; }
.order-entry.selected { background-color: #007bff; color: white; } .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 { .sidebar-line {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;