0058168: Mandatory filters are not being displayed properly in some cases

Description

When adding mandatory filters into some screen / component (You can see an example in the Orders window) using the Filterable Grid component, some style changes are needed to be done for displaying it properly.

In this document https://docs.google.com/document/d/16MMqZWUkKeEZ8_2kY71Po7Y9DnJ6PdPH3SaKE5X5cJo/edit?tab=t.0 [^] I have indicated some issues that appeared to me in a recent development I worked with filters.

But there could be more issues related to filters. The idea is that when filters are added anywhere in the application, no style adjustments should be needed.

Steps To Reproduce

- In order to check that behavior the simplest way is to hardcode some mandatory filters in the TicketListRemoteGrid.config.json file.

And then enter in webPOS and go to the Orders window.

Proposed Solution

Whit this diff , the issues that I have indicated in the document will be fixed:

diff --git a/web-jspack/org.openbravo.core2/src/components/FilterableGrid/FilterInputRender.scss b/web-jspack/org.openbravo.core2/src/components/FilterableGrid/FilterInputRender.scss
index 95c49b5bf..20f3a2c55 100644
--- a/web-jspack/org.openbravo.core2/src/components/FilterableGrid/FilterInputRender.scss
+++ b/web-jspack/org.openbravo.core2/src/components/FilterableGrid/FilterInputRender.scss
@@ -14,6 +14,23 @@
   }
}

+.obc2FilterBarContainer {
+ .obc2BaseFormDatePicker-datePicker-container {
+ grid-template-columns: 3.6rem auto;
+ }
+}
+
+.obc2FilterBarContainer {
+ .obc2ComboBox-container {
+ grid-template-columns: 3.6rem auto;
+ .obc2ComboBox {
+ .obc2ComboBox-icon {
+ margin: 0;
+ }
+ }
+ }
+}
+
.obc2FilterBarContainer {
   .obc2BaseFormInput-textField,
   .obc2BaseFormSelector-textField {
@@ -22,6 +39,16 @@
   }
}

+.obc2FilterBarContainer {
+ .obc2BaseFormDatePicker-datePicker {
+ width: fit-content;
+ }
+ .obc2BaseFormDatePicker-datePicker.MuiTextField-root {
+ min-width: fit-content;
+ margin-inline-start: 1rem;
+ }
+}
+
.obc2FilterBarContainer {
   .obc2BaseFormInput {
     height: 8.1rem;
@@ -52,3 +79,11 @@
     }
   }
}
+
+.obc2FilterBarContainer {
+ .obc2OptionalFilterContainer {
+ .obc2BaseFormDatePicker-datePicker.MuiTextField-root {
+ margin-inline-start: 0;
+ }
+ }
+}

Issue History
Date Modified	Username	Field	Change
2025-03-06 15:17	inaki_luque	New Issue
2025-03-06 15:17	inaki_luque	Assigned To	=> Triage Platform Base
2025-03-06 15:17	inaki_luque	Triggers an Emergency Pack	=> No
2025-03-06 16:12	inaki_luque	Description Updated	View Revisions

Relationships [ Relation Graph ] [ Dependency Graph ]

Notes
There are no notes attached to this issue.