Bug 27800 - Make the ability to enter quantity more clear in Point of Sale module
Summary: Make the ability to enter quantity more clear in Point of Sale module
Status: NEW
Alias: None
Product: Koha
Classification: Unclassified
Component: Fines and fees (show other bugs)
Version: Main
Hardware: All All
: P5 - low enhancement
Assignee: Bugs List
QA Contact: Testopia
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2021-02-25 22:23 UTC by Kelly McElligott
Modified: 2025-08-22 11:51 UTC (History)
3 users (show)

See Also:
GIT URL:
Change sponsored?: ---
Patch complexity: ---
Documentation contact:
Documentation submission:
Text to go in the release notes:
Version(s) released in:
Circulation function:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Kelly McElligott 2021-02-25 22:23:34 UTC
Currently in the Point of Sale Module, once you add an item to sell, it moves over to the "This Sale" box on the right.  There is some small text that says, "Click to edit item cost or quantities" - however, there is no indication that either of these fields is clickable in the table.  Could we add a button or option to have librarians see that these are editable fields?
Comment 1 Jason Robb 2025-08-21 16:59:32 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.
Comment 2 Owen Leonard 2025-08-22 11:51:06 UTC
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;
}