Anonymous | Login
Project:
RSS
  
News | My View | View Issues | Roadmap | Summary

View Issue DetailsJump to Notes ] Issue History ] Print ]
ID
0047680
TypeCategorySeverityReproducibilityDate SubmittedLast Update
defect[POS2] POSmajoralways2021-09-13 15:512021-09-16 00:01
ReporterdmiguelezView Statuspublic 
Assigned Toprakashmurugesan88 
PriorityurgentResolutionfixedFixed in Version
StatusclosedFix in branchFixed in SCM revision
ProjectionnoneETAnoneTarget Version
OSAnyDatabaseAnyJava version
OS VersionDatabase versionAnt version
Product VersionSCM revision 
Review Assigned To
Regression level
Regression date
Regression introduced in release
Regression introduced by commit
Triggers an Emergency PackNo
Summary

0047680: 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
TagsNo tags attached.
Attached Filespng file icon image-2021-09-09-16-53-05-826.png [^] (1,304,814 bytes) 2021-09-13 15:52

- Relationships Relation Graph ] Dependency Graph ]
depends on backport 0047681TAP closedprakashmurugesan88 JIRA 2309 - UX problem: Category button bottom overlap 

-  Notes
(0131793)
hgbot (developer)
2021-09-15 03:34

Merge Request created: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/merge_requests/629 [^]
(0131794)
hgbot (developer)
2021-09-15 03:35

Merge Request created: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2/-/merge_requests/675 [^]
(0131839)
hgbot (developer)
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 (developer)
2021-09-15 23:59

Merge request merged: https://gitlab.com/openbravo/product/pmods/org.openbravo.pos2/-/merge_requests/675 [^]
(0131841)
hgbot (developer)
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 (developer)
2021-09-15 23:59

Merge request merged: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/merge_requests/629 [^]

- Issue History
Date Modified Username Field Change
2021-09-13 15:51 dmiguelez New Issue
2021-09-13 15:51 dmiguelez Assigned To => Retail
2021-09-13 15:51 dmiguelez Triggers an Emergency Pack => No
2021-09-13 15:52 dmiguelez File Added: image-2021-09-09-16-53-05-826.png
2021-09-13 15:53 dmiguelez Status new => scheduled
2021-09-13 15:58 dmiguelez Assigned To Retail => prakashmurugesan88
2021-09-15 03:34 hgbot Note Added: 0131793
2021-09-15 03:35 hgbot Note Added: 0131794
2021-09-15 23:59 hgbot Resolution open => fixed
2021-09-15 23:59 hgbot Status scheduled => closed
2021-09-15 23:59 hgbot Note Added: 0131839
2021-09-15 23:59 hgbot Note Added: 0131840
2021-09-15 23:59 hgbot Note Added: 0131841
2021-09-15 23:59 hgbot Note Added: 0131842
2021-09-16 00:01 guilleaer Summary UX problem: Category button bottom overlap => JIRA 2309 - UX problem: Category button bottom overlap


Copyright © 2000 - 2009 MantisBT Group
Powered by Mantis Bugtracker