Summary: | Make the ability to enter quantity more clear in Point of Sale module | ||
---|---|---|---|
Product: | Koha | Reporter: | Kelly McElligott <kelly> |
Component: | Fines and fees | Assignee: | Bugs List <koha-bugs> |
Status: | NEW --- | QA Contact: | Testopia <testopia> |
Severity: | enhancement | ||
Priority: | P5 - low | CC: | jrobb, jzairo, sally.healey |
Version: | Main | ||
Hardware: | All | ||
OS: | All | ||
GIT URL: | Change sponsored?: | --- | |
Patch complexity: | --- | Documentation contact: | |
Documentation submission: | Text to go in the release notes: | ||
Version(s) released in: | Circulation function: |
Description
Kelly McElligott
2021-02-25 22:23:34 UTC
+1 I ended up just adding a little unicode pencil icon via CSS to at least help make it more obvious the cells can be clicked and edited. /*Add icons in front of editable cells in pos*/ #payments td.editable_int::before, #payments td.editable::before { content: "✎ "; color: darkgray; } It would be helpful if each time you add a new row to the sale table, the editable fields are active by default in that row to help visually indicate that those values can be changed. Inspired by Jason's solution: #payments td.editable_int, #payments td.editable { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cpath fill='%23828282' d='M8.033.092a.312.312 0 0 0-.441 0L6.562 1.12 8.88 3.437l1.03-1.029a.313.313 0 0 0 0-.441L8.032.092ZM8.438 3.88 6.12 1.562 2.058 5.625h.13c.172 0 .312.14.312.313v.312h.313c.172 0 .312.14.312.313v.312h.313c.172 0 .312.14.312.313V7.5h.313c.172 0 .312.14.312.313v.129l4.063-4.063ZM3.77 8.547a.312.312 0 0 1-.02-.11v-.312h-.313a.312.312 0 0 1-.312-.313V7.5h-.313a.312.312 0 0 1-.312-.313v-.312h-.313a.312.312 0 0 1-.312-.313V6.25h-.313a.312.312 0 0 1-.11-.02l-.11.112a.312.312 0 0 0-.07.104L.022 9.571a.312.312 0 0 0 .407.407l3.125-1.25a.313.313 0 0 0 .104-.07l.112-.11Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: top 5px left 5px; padding-left: 20px; } |