Bug 27800

Summary: Make the ability to enter quantity more clear in Point of Sale module
Product: Koha Reporter: Kelly McElligott <kelly>
Component: Fines and feesAssignee: 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
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;
}