Openbravo Issue Tracking System - Openbravo ERP
View Issue Details
IDProjectCategoryView StatusDate SubmittedLast Update
0055528Openbravo ERP00. Application dictionarypublic2024-05-20 15:322024-05-20 18:44
Reporterdbaz 
Assigned Todbaz 
PrioritynormalSeverityminorReproducibilityalways
StatusclosedResolutionfixed 
PlatformOS5OS Version
Product Version 
Target VersionFixed in VersionPR24Q3 
Merge Request Statusapproved
Review Assigned To
OBNetwork customerNo
Web browser
ModulesCore
Support ticket
Regression level
Regression date
Regression introduced in release
Regression introduced by commit
Triggers an Emergency PackNo
Summary0055528: Backoffice skin should have font-size values defined as CSS variables
DescriptionBackoffice skin should have font-size values defined as CSS variables

When a font change is needed, updating a single variable rather than multiple CSS rules significantly reduces maintenance time and effort. Moreover, this practice facilitates the creation of customized skins, allowing designers to quickly adjust fonts to match different themes and ensure a cohesive visual experience.

The translation between pt and px should be:
  8pt: 11px
  9pt: 12px

The translation between em and px should be, as a starting point:
  1em: 10px
although it will be analyzed and tested case by case

Variables to define:
  --obuiapp-type-xs-font-size: 9px;
  --obuiapp-type-s-font-size: 11px;
  --obuiapp-type-m-font-size: 12px;
  --obuiapp-type-l-font-size: 14px;
  --obuiapp-type-xl-font-size: 16px;

For values not matching any value (e.g. 10px), it should be analyzed and tested case by case
Steps To Reproduce.
Proposed Solution
Additional Information
TagsNo tags attached.
Relationships
Attached Files
Issue History
Date ModifiedUsernameFieldChange
2024-05-20 15:32dbazNew Issue
2024-05-20 15:32dbazAssigned To => dbaz
2024-05-20 15:32dbazOBNetwork customer => No
2024-05-20 15:32dbazModules => Core
2024-05-20 15:32dbazTriggers an Emergency Pack => No
2024-05-20 15:35hgbotMerge Request Status => open
2024-05-20 15:35hgbotNote Added: 0164825
2024-05-20 18:43hgbotMerge Request Statusopen => approved
2024-05-20 18:44hgbotResolutionopen => fixed
2024-05-20 18:44hgbotStatusnew => closed
2024-05-20 18:44hgbotFixed in Version => PR24Q3
2024-05-20 18:44hgbotNote Added: 0164866
2024-05-20 18:44hgbotNote Added: 0164867

Notes
(0164825)
hgbot   
2024-05-20 15:35   
Merge Request created: https://gitlab.com/openbravo/product/openbravo/-/merge_requests/1249 [^]
(0164866)
hgbot   
2024-05-20 18:44   
Directly closing issue as related merge request is already approved.

Repository: https://gitlab.com/openbravo/product/openbravo [^]
Changeset: c490f203f4b1f4aa05dd26e30f04f2e8d7cc8e17
Author: David Baz Fayos <david.baz@openbravo.com>
Date: 20-05-2024 16:44:37
URL: https://gitlab.com/openbravo/product/openbravo/-/commit/c490f203f4b1f4aa05dd26e30f04f2e8d7cc8e17 [^]

Fixed ISSUE-55528: Added font-size CSS variables to backoffice

---
M modules/org.openbravo.client.application/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.application/ob-application-menu-styles.css
M modules/org.openbravo.client.application/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.application/ob-application-styles.css
M modules/org.openbravo.client.application/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.application/ob-calendar-styles.css
M modules/org.openbravo.client.application/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.application/ob-dialog-styles.css
M modules/org.openbravo.client.application/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.application/ob-form-styles.css
M modules/org.openbravo.client.application/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.application/ob-grid-styles.css
M modules/org.openbravo.client.application/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.application/ob-messagebar-styles.css
M modules/org.openbravo.client.application/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.application/ob-navigation-bar-styles.css
M modules/org.openbravo.client.application/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.application/ob-personalization-styles.css
M modules/org.openbravo.client.application/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.application/ob-popup-styles.css
M modules/org.openbravo.client.application/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.application/ob-statusbar-styles.css
M modules/org.openbravo.client.application/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.application/ob-toolbar-styles.css
M modules/org.openbravo.client.application/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.application/ob-tree-grid-styles.css
M modules/org.openbravo.client.myob/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.myob/ob-myopenbravo-styles.css
M modules/org.openbravo.client.myob/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.myob/ob-widget-styles.css
M modules/org.openbravo.client.querylist/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.client.querylist/ob-querylist-styles.css
M modules/org.openbravo.userinterface.selector/web/org.openbravo.userinterface.smartclient/openbravo/skins/Default/org.openbravo.userinterface.selector/ob-selector-item-styles.css
M modules/org.openbravo.userinterface.skin.250to300Comp/web/org.openbravo.userinterface.skin.250to300Comp/skins/250to300Comp/Openbravo_ERP_250.css
M modules/org.openbravo.userinterface.skin.250to300Comp/web/org.openbravo.userinterface.skin.250to300Comp/skins/250to300Comp/loginStyles.css
---
(0164867)
hgbot   
2024-05-20 18:44   
Merge request merged: https://gitlab.com/openbravo/product/openbravo/-/merge_requests/1249 [^]