Skip to content

RTLCSS all the things#2977

Merged
swissspidy merged 10 commits intodevelopfrom
add/2976-rtlcss-all-the-things
Aug 12, 2019
Merged

RTLCSS all the things#2977
swissspidy merged 10 commits intodevelopfrom
add/2976-rtlcss-all-the-things

Conversation

@swissspidy
Copy link
Copy Markdown
Collaborator

@swissspidy swissspidy commented Aug 7, 2019

See #2976.

To do:

  • Make sure RTL stylesheets are actually loaded by WordPress

@googlebot googlebot added the cla: yes Signed the Google CLA label Aug 7, 2019
@@ -0,0 +1,13 @@
{
Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is the default config as mentioned at https://rtlcss.com/learn/usage-guide/cli/

Without a config file there are warnings.

@westonruter
Copy link
Copy Markdown
Member

Merge conflict in .stylelintignore.

@swissspidy swissspidy marked this pull request as ready for review August 8, 2019 08:50
Copy link
Copy Markdown
Member

@westonruter westonruter left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Make sure RTL stylesheets are actually loaded by WordPress

Yeah, this is not happening yet. In order to get an RTL stylesheet to load, this has to be done for each plugin-registered style:

wp_styles()->add_data( $handle, 'rtl', true );

@swissspidy
Copy link
Copy Markdown
Collaborator Author

Tested the changes using both the RTL Tester plugin and by temporarily switching the site language to Arabic. Visited all the admin pages, the customizer, and the frontend and everything looked good.

The only issue is with the AMP Stories editor. I've opened #3012 to address that separately.

@swissspidy swissspidy requested a review from westonruter August 12, 2019 13:18
@swissspidy swissspidy added this to the v1.2.1 milestone Aug 12, 2019
@westonruter
Copy link
Copy Markdown
Member

@swissspidy I'm not seeing the “Enable AMP” checkbox for some reason:

image

@swissspidy
Copy link
Copy Markdown
Collaborator Author

@westonruter I see it just fine in both Transitional and Standard mode:

Screenshot 2019-08-12 at 19 36 02

@swissspidy swissspidy merged commit 253e08e into develop Aug 12, 2019
@swissspidy swissspidy deleted the add/2976-rtlcss-all-the-things branch August 12, 2019 17:45
@westonruter
Copy link
Copy Markdown
Member

I think npm run build may not be including some required files. I'm not seeing it on a fresh Arabic site I just spun up on Pantheon either:

image

@westonruter

This comment has been minimized.

@swissspidy
Copy link
Copy Markdown
Collaborator Author

checking...

@westonruter
Copy link
Copy Markdown
Member

Turns out to be because Gutenberg was not active on the environment. So not related to RTL.

westonruter added a commit that referenced this pull request Aug 12, 2019
…p-bind-syntax

* 'develop' of github.com:ampproject/amp-wp:
  RTLCSS all the things (#2977)
  Fix AMP Story editor compatibility with code editor (#3007)
  Update dependency core-js to v3.2.1 (#3011)
  Update amphtml validator spec to v1907301630320 (#3003)
  Improve handling of unlisted Vimeo videos (#2986)
  Always hide AMP admin menu item and compatibility tool menu ite… (#3005)
  Update dependency dom-scroll-into-view to v2.0.1 (#3008)
  Hide tooltips that should be hidden (#2988)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

cla: yes Signed the Google CLA

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants