UHF-X: Change postcss processing so that logical properties are preserved

[teroelonen]

UHF-X

What was done

• Change postcss processing so that the CSS logical properties such as padding-inline are preserved and not converted.

How to install

• Make sure your instance is up and running on latest dev branch. Good one to use for testing is etusivu-instance.
  • git pull origin dev
  • make fresh
• Update the HDBT theme
  • composer require drupal/hdbt:dev-UHF-X_css_logical_properties_fix
• Run make drush-cr

How to test

• On the front page there is "Syvenny ja inspiroidu" block that has card-teasers. They should now have padding-inline-start on card-teaser__text-container on mobile sizes. Check that the padding works on ltr and rtl languages (for example https://helfi-etusivu.docker.so/ar/). To get the card-teasers to show on Arabic you need to add the "Tärkeää juuri nyt" paragraph with "Artikkelit" setting to the landing page that is used as front page (https://helfi-etusivu.docker.so/ar/node/17/edit) and add one article in Arabic (https://helfi-etusivu.docker.so/ar/node/add/news_article REMEMBER TO CHANGE THE LANGUAGE) and promote it to "Näytä artikkeli pääartikkelivirrassa".
• Check also that the card layout doesn't change for example on the "Latest news" block on the news section: https://helfi-etusivu.docker.so/ar/news and https://helfi-etusivu.docker.so/en/news since it was changed to use the logical properties as well.
• Check that code follows our standards.

Continuous documentation

• This feature has been documented/the documentation has been updated
• This change doesn't require updates to the documentation

Other PRs

• UHF-X: Change postcss processing so that logical properties are preserved #1149
• UHF-X: Change postcss processing so that css logical properties are preserved drupal-helfi-platform#299
• UHF-X: Change postcss processing so that css logical properties are preserved drupal-helfi-etusivu#816
• UHF-X: Change postcss processing so that css logical properties are preserved drupal-helfi-asuminen#513
• UHF-X: Change postcss processing so that css logical properties are preserved drupal-helfi-tyo-yrittaminen#503
• UHF-X: Change postcss processing so that css logical properties are preserved drupal-helfi-kasvatus-koulutus#767
• UHF-X: Change postcss processing so that css logical properties are preserved drupal-helfi-kuva#456
• UHF-X: Change postcss processing so that css logical properties are preserved drupal-helfi-kymp#1017
• UHF-X: Change postcss processing so that css logical properties are preserved drupal-helfi-rekry#646
• UHF-X: Change postcss processing so that css logical properties are preserved drupal-helfi-sote#964
• UHF-X: Change postcss processing so that css logical properties are preserved drupal-helfi-strategia#741

[github-actions]

✅ Tests passed! You can check the output here: https://city-of-helsinki.github.io/drupal-hdbt-visual-regression/pull/1149/html_report/

[khalima]

This is good one! 🚀