| 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: | andrew, jrobb, jzairo, sally.healey |
| Version: | Main | ||
| Hardware: | All | ||
| OS: | All | ||
| GIT URL: | Initiative type: | --- | |
| Sponsorship status: | --- | Comma delimited list of Sponsors: | |
| Crowdfunding goal: | 0 | 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;
}
|