Openbravo Issue Tracking System - POS2 |
| View Issue Details |
|
| ID | Project | Category | View Status | Date Submitted | Last Update |
| 0052080 | POS2 | POS | public | 2023-04-06 17:33 | 2023-05-11 00:44 |
|
| Reporter | AugustoMauch | |
| Assigned To | jarmendariz | |
| Priority | normal | Severity | minor | Reproducibility | have not tried |
| Status | closed | Resolution | fixed | |
| Platform | | OS | 5 | OS Version | |
| Product Version | | |
| Target Version | | Fixed in Version | 23Q3 | |
| Merge Request Status | approved |
| Review Assigned To | |
| OBNetwork customer | No |
| Support ticket | |
| Regression level | |
| Regression date | |
| Regression introduced in release | |
| Regression introduced by commit | |
| Triggers an Emergency Pack | No |
|
| Summary | 0052080: [React POS Portrait] Payment Panel should be responsive |
| Description | See https://openbravo.atlassian.net/browse/RM-5641 [^]
The Payment Panel should be responsive by itself, so it will be displayed properly regardless if we are in landscape or portrait, at with any screen resolution.
It will have two different behaviors.
If its width is higher (or equal) than 490px it should continue displaying as it is now (see image 1)
If its width is lower than 490px, and if the right one is empty, it should show only one single column (the left one) as it is (see image 2)
If its width is lower than 490px, and if the right one has content, it should show both columns, but with an applied zoom of 70%, in order to ensure both columns content is properly displayed, even in the more adverse case (see image 3)
PS: TIP for developers (As in “List view” project): You cannot rely solely in the clientWidth of the component in order to determina if >=490px or not, since there is a dynamic conversion due to the dynamic font-size defined at :root level.
The width you need to calculate the previous logic, comes from this operation
document.getElementById(<-- Payment Panel ID -->).clientWidth*10 / parseFloat(window.getComputedStyle(document.body).getPropertyValue('font-size'))
|
| Steps To Reproduce | - |
| Proposed Solution | |
| Additional Information | |
| Tags | No tags attached. |
| Relationships | |
| Attached Files |  Image1.png (6,057) 2023-04-26 12:20
https://issues.openbravo.com/file_download.php?file_id=18437&type=bug
Image2.png (5,082) 2023-04-26 12:20
https://issues.openbravo.com/file_download.php?file_id=18438&type=bug
Image3.png (5,082) 2023-04-26 12:20
https://issues.openbravo.com/file_download.php?file_id=18439&type=bug
|
|
| Issue History |
| Date Modified | Username | Field | Change |
| 2023-04-06 17:33 | AugustoMauch | New Issue | |
| 2023-04-06 17:33 | AugustoMauch | Assigned To | => Retail |
| 2023-04-06 17:33 | AugustoMauch | OBNetwork customer | => No |
| 2023-04-06 17:33 | AugustoMauch | Triggers an Emergency Pack | => No |
| 2023-04-17 16:29 | hgbot | Merge Request Status | => open |
| 2023-04-17 16:29 | hgbot | Note Added: 0148499 | |
| 2023-04-26 10:44 | AugustoMauch | Assigned To | Retail => jarmendariz |
| 2023-04-26 12:19 | AugustoMauch | Type | defect => feature request |
| 2023-04-26 12:19 | AugustoMauch | Description Updated | bug_revision_view_page.php?rev_id=25955#r25955 |
| 2023-04-26 12:20 | AugustoMauch | File Added: Image1.png | |
| 2023-04-26 12:20 | AugustoMauch | File Added: Image2.png | |
| 2023-04-26 12:20 | AugustoMauch | File Added: Image3.png | |
| 2023-04-26 12:21 | AugustoMauch | Status | new => scheduled |
| 2023-05-11 00:44 | hgbot | Merge Request Status | open => approved |
| 2023-05-11 00:44 | hgbot | Resolution | open => fixed |
| 2023-05-11 00:44 | hgbot | Status | scheduled => closed |
| 2023-05-11 00:44 | hgbot | Fixed in Version | => 23Q3 |
| 2023-05-11 00:44 | hgbot | Note Added: 0149584 | |
| 2023-05-11 00:44 | hgbot | Note Added: 0149585 | |