ROU-11162: Fix alignment issue in filters when used on a popup

[gnbm]

What was happening

• When used inside a popup, the filter's dropdown values got misaligned, changing to a centered alignment and the Grid content and pagination got bold.

What was done

• Added the default CSS properties to cover these use cases and apply them to RTL as well.

Test Steps

• Test Case 1:

  • Go to the test page
  • Check the Grid styles are correct as well as the pagination and the filters (by condition / by value)
  • Click on “Open Grid in Popup“
  • Check the Grid styles are correct as well as the pagination and the filters (by condition / by value)

• Test Case 2 - RTL:

  • Go to the test page
  • Select ar-AE locale to enable RTL
  • Check the Grid styles are correct as well as the pagination and the filters (by condition / by value)
  • Click on “Open Grid in Popup“
  • Check the Grid styles are correct as well as the pagination and the filters (by condition / by value)

Screenshots

Checklist

• tested locally
• documented the code
• clean all warnings and errors of eslint
• requires changes in OutSystems
• requires new sample page in OutSystems (if so, provide a module with changes)

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud