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?
+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; }