Openbravo Issue Tracking System - POS2
View Issue Details
IDProjectCategoryView StatusDate SubmittedLast Update
0047680POS2POSpublic2021-09-13 15:512021-09-16 00:01
Reporterdmiguelez 
Assigned Toprakashmurugesan88 
PriorityurgentSeveritymajorReproducibilityalways
StatusclosedResolutionfixed 
PlatformOS5OS Version
Product Version 
Target VersionFixed in Version 
Merge Request Status
Review Assigned To
OBNetwork customer
Support ticket
Regression level
Regression date
Regression introduced in release
Regression introduced by commit
Triggers an Emergency PackNo
Summary0047680: JIRA 2309 - UX problem: Category button bottom overlap
DescriptionThere is a problem with the Category buttons.

There are needed three different things in order to fix this issue:
1.- Generate proper CSS variables to define completely the font that will be used in keymap-category-button label (and it would be great to do the same also for the keymap-product-button label fonts)

2.- Ensure that the height of the keymap-category-button is 74px (7.4rem), so compare with Figma and figure out from where the pixels are substracted. It is important to remark that this 74px height should be like that even with the small bubbles present in the bottom of the keymap category area (the ones to switch page)

3.- Make the CSS adjustment to ensure that in the keymap-category-button label, three lines of text could be inserted (if this button is 7.4rem height), in the same way it was did in this case. (https://issues.openbravo.com/view.php?id=47289 [^])

Here there is a video explaining in detail these three points:
https://www.youtube.com/watch?v=F3SF-WdG2hw [^]
Steps To ReproduceCheck description
Proposed Solution
Additional Information
TagsNo tags attached.
Relationships
depends on backport 0047681TAP closed prakashmurugesan88 JIRA 2309 - UX problem: Category button bottom overlap 
Attached Filespng image-2021-09-09-16-53-05-826.png (1,304,814) 2021-09-13 15:52
https://issues.openbravo.com/file_download.php?file_id=16194&type=bug
Issue History
Date ModifiedUsernameFieldChange
2021-09-13 15:51dmiguelezNew Issue
2021-09-13 15:51dmiguelezAssigned To => Retail
2021-09-13 15:51dmiguelezTriggers an Emergency Pack => No
2021-09-13 15:52dmiguelezFile Added: image-2021-09-09-16-53-05-826.png
2021-09-13 15:53dmiguelezStatusnew => scheduled
2021-09-13 15:58dmiguelezAssigned ToRetail => prakashmurugesan88
2021-09-15 03:34hgbotNote Added: 0131793
2021-09-15 03:35hgbotNote Added: 0131794
2021-09-15 23:59hgbotResolutionopen => fixed
2021-09-15 23:59hgbotStatusscheduled => closed
2021-09-15 23:59hgbotNote Added: 0131839
2021-09-15 23:59hgbotNote Added: 0131840
2021-09-15 23:59hgbotNote Added: 0131841
2021-09-15 23:59hgbotNote Added: 0131842
2021-09-16 00:01guilleaerSummaryUX problem: Category button bottom overlap => JIRA 2309 - UX problem: Category button bottom overlap

Notes
(0131793)
hgbot   
2021-09-15 03:34   
Merge Request created: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/merge_requests/629 [^]
(0131794)
hgbot   
2021-09-15 03:35   
Merge Request created: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2/-/merge_requests/675 [^]
(0131839)
hgbot   
2021-09-15 23:59   
Directly closing issue as related merge request is already approved.

Repository: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2 [^]
Changeset: ba63781bb525c0d5391623f5a38679e0e24d4645
Author: Prakash M <prakash@qualiantech.com>
Date: 2021-09-15T23:46:47+05:30
URL: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2/-/commit/ba63781bb525c0d5391623f5a38679e0e24d4645 [^]

Fixed BUG-47680: Fixes product category button overlap issue when the label length is long
* Added new variable and applied for keymap product category and product font
* Fixes keymap-category-button height reduced beyond figma height
* Applied styles to show three lines of text in product category label

---
M web-jspack/org.openbravo.pos2/src/components/ProductButton/ProductButton.scss
M web-jspack/org.openbravo.pos2/src/components/ProductCategoryButton/ProductCategoryButton.scss
---
(0131840)
hgbot   
2021-09-15 23:59   
Merge request merged: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2/-/merge_requests/675 [^]
(0131841)
hgbot   
2021-09-15 23:59   
Repository: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2 [^]
Changeset: dc71b1dba30daca12a53fc85a501ef6df03774ec
Author: Prakash M <prakash@qualiantech.com>
Date: 2021-09-14T20:18:45+05:30
URL: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/commit/dc71b1dba30daca12a53fc85a501ef6df03774ec [^]

Related to BUG-47680: Fixes product category button overlap issue when the label length is long
* Added new variable for keymap product category and product font
* Reduced padding to fix keymap-category-button height reduced beyond figma height
* Fixed pager alignment

---
M web-jspack/org.openbravo.core2/src/assets/style/typography.scss
M web-jspack/org.openbravo.core2/src/components/BaseKeymap/BaseKeymap.scss
M web-jspack/org.openbravo.core2/src/components/Carousel/Pager/Pager.scss
---
(0131842)
hgbot   
2021-09-15 23:59   
Merge request merged: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/merge_requests/629 [^]