How to support column order settings in block editor? (Solved) #367
intriguebill
started this conversation in
General
Replies: 1 comment 1 reply
-
I think I may have found the missing piece -- added:
And removed the earlier references that didn't seem to work. So now, the whole custom-editor-styles.scss looks like this:
This appears to have fixed the issue ... the missing styles are now included. Toggling the field changes the display order of the columns in the block editor. |
Beta Was this translation helpful? Give feedback.
1 reply
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I can't seem to get 'column order' changes to display in the block editor using classes such as 'order-first', 'order-last'.
I've added these to custom-editor-styles.scss:
I'm running npm run watch, I see the files being updated when changes are made.
In the block editor, I'm using an ACF field to change classes of two columns, switching between order-md-0 and order-md-1, so the image column will be displayed either on the right or the left.
Everything BUT column order appears to display as expected in the block editor -- grid, columns, rows, buttons, etc.
I've tried using order-0 / order-1, order-first / order-last, order-md-0 / order-md-1.
So, it appears the css to support the column order change is missing from the editor, even though I'm including the files that should support this ... ?
Is there an scss file other than those noted above that I should be including in custom-editor-styles.scss to enable column order changes to display as expected in the block editor?
Maybe I'm missing something obvious ... ? :)
Thanks for your help!
Beta Was this translation helpful? Give feedback.
All reactions