Openbravo Issue Tracking System - Retail Modules
View Issue Details
IDProjectCategoryView StatusDate SubmittedLast Update
0034591Retail ModulesWeb POSpublic2016-11-21 15:222016-12-07 13:48
Reporterdbaz 
Assigned Tomario_castello 
PriorityhighSeverityminorReproducibilityalways
StatusclosedResolutionfixed 
PlatformOS5OS Version
Product Version 
Target VersionFixed in VersionRR17Q1 
Merge Request Status
Review Assigned Toguilleaer
OBNetwork customerOBPS
Support ticket
Regression level
Regression date
Regression introduced in release
Regression introduced by commit
Triggers an Emergency PackNo
Summary0034591: [UX] There should be less left and right padding in narrow aspect ratios (ex. 4:3)
DescriptionThere should be less left and right padding in narrow aspect ratios (ex. 4:3)

Right now there is a fixed 30px left and right padding which is great for wider aspect ratios like 16:9 or 16:10 because it prevents WebPOS controls be too wide, but it is penalizing the available real state in narrower aspect ratios like 4:3
Steps To ReproduceTest the WebPOS in different screen resolutions, like:

5:4 or 1.25 or 875x700
4:3 or 1.33 or 933x700
3:2 or 1.5 or 1050x700
16:10 or 1.6 or 1120x700
16:9 or 1.78 or 1244x700
Proposed SolutionAdd a dynamic padding between 5px and 30px when the aspect ratio be between 5:4 (or 1.25 or 875x700) and 3:2 (or 1.5 or 1050x700)
Additional Information
TagsNo tags attached.
Relationships
blocks defect 0034538 closed Retail Big total amounts on WebPOS are breaking the layout 
Attached Filesdiff 5-4-AspectRatio.diff (765) 2016-11-21 15:23
https://issues.openbravo.com/file_download.php?file_id=10080&type=bug
png Current.png (179,101) 2016-11-21 15:26
https://issues.openbravo.com/file_download.php?file_id=10081&type=bug
png

png Desired.png (178,926) 2016-11-21 15:35
https://issues.openbravo.com/file_download.php?file_id=10082&type=bug
png
Issue History
Date ModifiedUsernameFieldChange
2016-11-21 15:22dbazNew Issue
2016-11-21 15:22dbazAssigned To => Retail
2016-11-21 15:22dbazOBNetwork customer => No
2016-11-21 15:22dbazTriggers an Emergency Pack => No
2016-11-21 15:23dbazFile Added: 5-4-AspectRatio.diff
2016-11-21 15:26dbazFile Added: Current.png
2016-11-21 15:35dbazFile Added: Desired.png
2016-11-21 15:47dbazNote Added: 0091708
2016-11-21 15:53marvintmRelationship addedblocks 0034538
2016-11-22 11:46psarobeOBNetwork customerNo => Yes
2016-11-22 11:46psarobeTypefeature request => defect
2016-11-22 17:38mario_castelloAssigned ToRetail => mario_castello
2016-11-22 17:38mario_castelloStatusnew => acknowledged
2016-11-23 15:46mario_castelloStatusacknowledged => scheduled
2016-11-28 15:54hgbotCheckin
2016-11-28 15:54hgbotNote Added: 0091898
2016-11-28 15:54hgbotStatusscheduled => resolved
2016-11-28 15:54hgbotResolutionopen => fixed
2016-11-28 15:54hgbotFixed in SCM revision => http://code.openbravo.com/erp/pmods/org.openbravo.mobile.core/rev/d5930935909e8d71998acc6797972823c3710448 [^]
2016-12-07 13:48guilleaerReview Assigned To => guilleaer
2016-12-07 13:48guilleaerStatusresolved => closed
2016-12-07 13:48guilleaerFixed in Version => RR17Q1

Notes
(0091708)
dbaz   
2016-11-21 15:47   
Attached screenshots and a proposed patch.
(0091898)
hgbot   
2016-11-28 15:54   
Repository: erp/pmods/org.openbravo.mobile.core
Changeset: d5930935909e8d71998acc6797972823c3710448
Author: Mario Castello <mario.castello <at> peoplewalking.com>
Date: Wed Nov 23 08:45:39 2016 -0600
URL: http://code.openbravo.com/erp/pmods/org.openbravo.mobile.core/rev/d5930935909e8d71998acc6797972823c3710448 [^]

Fixed issue 34591: [UX] There should be less left and right padding in narrow aspect ratios (ex. 4:3)

- Added media type to adjust the aspect ratios in horizontal padding

---
M web/org.openbravo.mobile.core/assets/css/ob-standard.css
---