WebDevStudios / wd_f

GNU General Public License v2.0
11 stars 1 forks source link

Add some minimal styling to make block visible in editor. #5

Closed martinDolan closed 1 year ago

martinDolan commented 1 year ago

I noticed after creating a new block that at first it was nowhere to be found on the page. I think we should add some minimal styling to the block in the editor (outline, padding) to make it visible.

Suggestion:

In global.scss

.wp-block-post-content {
    @apply p-24;
    .wp-block {
        @apply p-4 outline outline-1 outline-primary-300;
    }
}

Before:

Screen Shot 2023-06-21 at 4 28 28 PM

After

Screen Shot 2023-06-21 at 4 26 11 PM

Here's a video screencast describing the problem: https://www.loom.com/share/23da3e5304044453a560a64d7dd164bc?sid=1bf04088-98dd-479d-8e2c-a0563f5997bd

martinDolan commented 1 year ago

See PR #21