V.9.2.0 RC; in edit mode, layout adds vertical spacing around layouts and blocks

I’m testing the new layout. In edit mode, the layouts and blocks add vertical spacing on the layouts and blocks with class i.e. .ccm-edit-mode-title-notch
If you have sections, layouts and a lot of blocks the page is much longer and needs scrolling, - no more WYSIWYG!
Is there a setting where I can adjust spacing?

1 Like

Hi @adexec - that looks like a good thing to submit as an issue here:

Thanks Bruno @BTAVassc for reporting that to Github. There are also newer reports on this blog by @designbureau.

We would love to have this part adjustable in the near future. For a quick hack use application/bootstrap/app.php to overrride the settings by adding CSS and adjust to your needs.

    <style>
        div.ccm-block-edit.ccm-block-edit-layout {
            margin-bottom: 28px;
            padding: 0px 0;
        }
        div.ccm-layout-area {
            margin-bottom: 1px; 
            margin-top: 0px;
        }
        div.ccm-block-edit.ccm-block-edit-container {
            margin-bottom: 1px;
            padding: 0px 0px;
        }
        div.ccm-container-area {
            margin-bottom: 0px;
        }
        ul.ccm-edit-mode-title-notch {
            margin: 0px 0px 0px;
        }
        div.ccm-edit-mode-title-notch-wrapper {
            top: -1px;
        }
        div.ccm-area-footer {
            margin-bottom: 25px;
            bottom: -2px;
        }
    </style>

It works but is surely not the nicest solution.
Cheers