Closed sergsadovyi closed 3 years ago
This is a going in the right direction and on the surface it works for the left aligned blocks. However I have some concerns after further reviewing the code:
Moving forward, I would like to see the following changes made:
src/front.js
file)The j
One more thing I forgot to add: We need to add the following CSS when the blocks are loaded on the front end, in case they are loaded into a column component:
.wp-block-column .c-media-block,
.wp-block-column .c-block__image,
.wp-block-column .c-block__content {
width: auto;
}
Here is the correct classes for the two blocks in the 2 states:
l-grid-wrap--5-of-7
l-grid-item--s--1-col l-grid-item--m--1-col l-grid-item--l--2-col l-grid-item--xl--1-col
l-grid-item--s--4-col l-grid-item--m--3-col l-grid-item--l--2-col l-grid-item--xl--3-col l-grid-item--xxl--2-col
l-grid-wrap--6-of-7
l-grid-item--s--6-col l-grid-item--m--4-col l-grid-item--xxl--3-col
l-grid-wrap--5-of-7
l-grid-item--s--1-col l-grid-item--m--1-col l-grid-item--l--2-col l-grid-item--xl--1-col
l-grid-item--s--4-col l-grid-item--m--3-col l-grid-item--l--2-col l-grid-item--xl--3-col
l-grid-wrap--6-of-7
l-grid-item--s--6-col l-grid-item--m--4-col l-grid-item--xxl--3-col
Beta version of the Media block. @designerbrent please check in different layouts.
To enable this block in the editor you need to add
alps-gutenberg-blocks/media-block
toallowed_block_types
in ALPS themefunctions.php
.