WordPress / theme-experiments

Experimenting with themes made out of blocks.
GNU General Public License v2.0
546 stars 180 forks source link

TT1 Blocks: Fix alignment on Cover Block #170

Closed beafialho closed 3 years ago

beafialho commented 3 years ago

While testing TT1 Blocks, I've encountered a bug on the Cover Block when choosing the Full Width option. Whether it's media or a color background, it doesn't stretch to the edge of the screen.

Captura de ecrã 2021-01-14, às 16 25 40
Jastos commented 3 years ago

This will also happen on regular image blocks.

.wp-site-blocks *:not(.wp-block-post-content):not(.alignfull):not(.alignwide):not([class$="__inner-container"]) { max-width: var(--wp--custom--responsive--aligndefault-width); }

Does not allow the img tag to be full width since it is a child of the .alignfull on the figure element. A quick fix would be to add another :not, but this probably isn't the best solution.

.wp-site-blocks *:not(.wp-block-post-content):not(.alignfull):not(.alignwide):not([class$="__inner-container"]):not(figure img) { max-width: var(--wp--custom--responsive--aligndefault-width); }