fix(NcListItem): Fix padding in RTL mode.

[falghamdi125]

☑️ Resolves

• Fix [Bug] NcListItem padding in RTL mode #6358

🖼️ Screenshots

🏚️ Before	🏡 After

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 42.50%. Comparing base (cc8130c) to head (a0648d3).
Report is 19 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #6359      +/-   ##
==========================================
- Coverage   42.52%   42.50%   -0.03%     
==========================================
  Files         156      156              
  Lines        4026     4028       +2     
  Branches     1036     1036              
==========================================
  Hits         1712     1712              
- Misses       2198     2200       +2     
  Partials      116      116              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[ShGKme]

Thanks!

This fixes the problem from the screen, but the component still has some problems on RTL, for example, with details.

Could you also fix other places where margin/padding sets different left/right values in this component, so it has complete RTL support?

[falghamdi125]

Thanks!

This fixes the problem from the screen, but the component still has some problems on RTL, for example, with details.

Could you also fix other places where margin/padding sets different left/right values in this component, so it has complete RTL support?

All set!

[ShGKme]

Changing specificity changes the result.

Elements still has non-logical properties, and after mixing with new logical properties the results changes.

All the properties should be logical to avoid mix caveats.

[falghamdi125]

Changing specificity changes the result.

Elements still has non-logical properties, and after mixing with new logical properties the results changes.

All the properties should be logical to avoid mix caveats.

I think it's resolved now.

[ShGKme]

Suggested change

	margin-top: 0;
	margin-bottom: 0;
	margin-inline:0 auto;
	margin-block: 0;
	margin-inline: 0 auto;

[ShGKme]

Rebased to include Cypress snapshots fix