Openbravo Issue Tracking System - Retail Modules
View Issue Details
IDProjectCategoryView StatusDate SubmittedLast Update
0034592Retail ModulesWeb POSpublic2016-11-21 16:592017-05-16 17:11
Reporterdbaz 
Assigned ToRetail 
PriorityhighSeverityminorReproducibilityalways
StatusacknowledgedResolutionopen 
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
Summary0034592: [UX] Scrollbars are too wide
DescriptionCurrent css scrollbars defined in the WebPOS are too wide. This penalizes the available real state in narrow aspect ratios like 4:3.

Typically, the OS scrollbars have 15px width. This should be enough to use an application using the mouse.

In case of using a touch device, the way of scrolling should be by dragging the finger through the scrollable area. It should work this way in all OS (even with Windows 7 + touch screen).
Steps To ReproduceIn the WebPOS, open any scrollable area (ex: SEARCH panel).
Proposed SolutionSet the scroll width to 15px. Also, upgrade the styles to match the ModerUI look and feel.
Additional Information
TagsNo tags attached.
Relationships
related to defect 0034538 closed Retail Big total amounts on WebPOS are breaking the layout 
Attached Filesdiff newScrollbars.diff (6,458) 2016-11-21 18:06
https://issues.openbravo.com/file_download.php?file_id=10083&type=bug
rar imgs.rar (1,941) 2016-11-21 18:06
https://issues.openbravo.com/file_download.php?file_id=10084&type=bug
png Current.png (190,174) 2016-11-21 18:06
https://issues.openbravo.com/file_download.php?file_id=10085&type=bug
png

png Desired.png (200,708) 2016-11-21 18:06
https://issues.openbravo.com/file_download.php?file_id=10086&type=bug
png
Issue History
Date ModifiedUsernameFieldChange
2016-11-21 16:59dbazNew Issue
2016-11-21 16:59dbazAssigned To => Retail
2016-11-21 16:59dbazTriggers an Emergency Pack => No
2016-11-21 18:05dbazNote Added: 0091718
2016-11-21 18:06dbazFile Added: newScrollbars.diff
2016-11-21 18:06dbazFile Added: imgs.rar
2016-11-21 18:06dbazFile Added: Current.png
2016-11-21 18:06dbazFile Added: Desired.png
2016-11-21 18:07dbazRelationship addedblocks 0034538
2016-11-22 11:46psarobeTypefeature request => defect
2016-11-22 17:39mario_castelloAssigned ToRetail => mario_castello
2016-11-22 17:39mario_castelloStatusnew => acknowledged
2016-11-23 15:46mario_castelloStatusacknowledged => scheduled
2016-11-28 15:56hgbotCheckin
2016-11-28 15:56hgbotNote Added: 0091899
2016-11-28 15:56hgbotStatusscheduled => resolved
2016-11-28 15:56hgbotResolutionopen => fixed
2016-11-28 15:56hgbotFixed in SCM revision => http://code.openbravo.com/erp/pmods/org.openbravo.mobile.core/rev/2896b5b1be89a023308f4ef8b747f40424abb9e4 [^]
2016-11-28 16:37hgbotCheckin
2016-11-28 16:37hgbotNote Added: 0091900
2016-11-28 16:39mario_castelloNote Added: 0091901
2016-11-28 16:39mario_castelloStatusresolved => new
2016-11-28 16:39mario_castelloResolutionfixed => open
2016-11-28 16:39mario_castelloStatusnew => scheduled
2016-12-16 11:51marvintmRelationship replacedrelated to 0034538
2017-05-16 17:11mario_castelloStatusscheduled => acknowledged
2017-05-16 17:11mario_castelloAssigned Tomario_castello => Retail

Notes
(0091718)
dbaz   
2016-11-21 18:05   
Attached screenshots and a proposed patch.
(0091899)
hgbot   
2016-11-28 15:56   
Repository: erp/pmods/org.openbravo.mobile.core
Changeset: 2896b5b1be89a023308f4ef8b747f40424abb9e4
Author: Mario Castello <mario.castello <at> peoplewalking.com>
Date: Wed Nov 23 08:56:35 2016 -0600
URL: http://code.openbravo.com/erp/pmods/org.openbravo.mobile.core/rev/2896b5b1be89a023308f4ef8b747f40424abb9e4 [^]

Fixed issue 34592: [UX] Scrollbars are too wide

- Added some style changes to decrease the size of the Scrollbars

---
M web/org.openbravo.mobile.core/assets/css/ob-standard.css
A web/org.openbravo.mobile.core/assets/img/scrollbarArrowDown.png
A web/org.openbravo.mobile.core/assets/img/scrollbarArrowDown_pressed.png
A web/org.openbravo.mobile.core/assets/img/scrollbarArrowLeft.png
A web/org.openbravo.mobile.core/assets/img/scrollbarArrowLeft_pressed.png
A web/org.openbravo.mobile.core/assets/img/scrollbarArrowRight.png
A web/org.openbravo.mobile.core/assets/img/scrollbarArrowRight_pressed.png
A web/org.openbravo.mobile.core/assets/img/scrollbarArrowUp.png
A web/org.openbravo.mobile.core/assets/img/scrollbarArrowUp_pressed.png
---
(0091900)
hgbot   
2016-11-28 16:37   
Repository: erp/pmods/org.openbravo.mobile.core
Changeset: 23c0e7ec5fdda1d93eb7860933911b6467ba6cdc
Author: Mario Castello <mario.castello <at> peoplewalking.com>
Date: Mon Nov 28 09:36:58 2016 -0600
URL: http://code.openbravo.com/erp/pmods/org.openbravo.mobile.core/rev/23c0e7ec5fdda1d93eb7860933911b6467ba6cdc [^]

Related to issue 34592: Backed out changeset: 2896b5b1be89

---
M web/org.openbravo.mobile.core/assets/css/ob-standard.css
R web/org.openbravo.mobile.core/assets/img/scrollbarArrowDown.png
R web/org.openbravo.mobile.core/assets/img/scrollbarArrowDown_pressed.png
R web/org.openbravo.mobile.core/assets/img/scrollbarArrowLeft.png
R web/org.openbravo.mobile.core/assets/img/scrollbarArrowLeft_pressed.png
R web/org.openbravo.mobile.core/assets/img/scrollbarArrowRight.png
R web/org.openbravo.mobile.core/assets/img/scrollbarArrowRight_pressed.png
R web/org.openbravo.mobile.core/assets/img/scrollbarArrowUp.png
R web/org.openbravo.mobile.core/assets/img/scrollbarArrowUp_pressed.png
---
(0091901)
mario_castello   
2016-11-28 16:39   
Reverted previous changeset. The solution should include also a patch to ensure the scroll always be by dragging the finger through the scrollable area even in Windows 7 + touch screen.