Project:
View Issue Details[ Jump to Notes ] | [ Issue History ] [ Print ] | |||||||
ID | ||||||||
0052080 | ||||||||
Type | Category | Severity | Reproducibility | Date Submitted | Last Update | |||
feature request | [POS2] POS | minor | have not tried | 2023-04-06 17:33 | 2023-05-11 00:44 | |||
Reporter | AugustoMauch | View Status | public | |||||
Assigned To | jarmendariz | |||||||
Priority | normal | Resolution | fixed | Fixed in Version | 23Q3 | |||
Status | closed | Fix in branch | Fixed in SCM revision | |||||
Projection | none | ETA | none | Target Version | ||||
OS | Any | Database | Any | Java version | ||||
OS Version | Database version | Ant version | ||||||
Product Version | SCM revision | |||||||
Review Assigned To | ||||||||
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 | - | |||||||
Tags | No tags attached. | |||||||
Attached Files | Image1.png [^] (6,057 bytes) 2023-04-26 12:20
Image2.png [^] (5,082 bytes) 2023-04-26 12:20 Image3.png [^] (5,082 bytes) 2023-04-26 12:20 | |||||||
Relationships [ Relation Graph ] [ Dependency Graph ] | |
Notes | |
(0148499) hgbot (developer) 2023-04-17 16:29 |
Merge Request created: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2/-/merge_requests/1694 [^] |
(0149584) hgbot (developer) 2023-05-11 00:44 |
Directly closing issue as related merge request is already approved. Repository: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2 [^] Changeset: 9c606794b247fc3cacdbad9fd48c30cc10cdb93d Author: iabbas21 <irfan.abbas@soprasteria.com> Date: 10-05-2023 18:01:14 URL: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2/-/commit/9c606794b247fc3cacdbad9fd48c30cc10cdb93d [^] Fixed ISSUE-52080: Payment panel should be responsive on portrait mode. Payment panel should show specific UI in range >=490px and <490px --- M web-jspack/org.openbravo.pos2/src/components/Payments/PaymentPanel/PaymentPanel.jsx M web-jspack/org.openbravo.pos2/src/components/Payments/PaymentPanel/PaymentPanel.scss --- |
(0149585) hgbot (developer) 2023-05-11 00:44 |
Merge request merged: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2/-/merge_requests/1694 [^] |
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 | Triggers an Emergency Pack | => No |
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 | View Revisions |
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 | 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 |
Copyright © 2000 - 2009 MantisBT Group |