Forums

area boxes with masonry layout overlapping in edit mode

Permalink
i have a a couple pages setup with about 15 masonry boxes. in view mode, everything works just fine.
but in edit-mode, the empty area-boxes overlap, on top of each other.

in order to see all empty areas in place, i need to resize the window. - but exactly this procedure would be confusing and unclear to editors.

is there a way to see all area-boxes in edit mode?


concrete v.8.1 with a modified "elemental theme" using desandro's masonry.js and Imagesloaded.js

thanks in advance for a hint.

1 Attachment

blinkdesign
 
c5dragon replied on at Permalink Reply
c5dragon
Don't know your html/css structure but you can overrule with the editmode class.
This class is on the <html> element when in editmode (Concrete default).

Overrule anything unwanted. (For example area/blocks positioned absolute.)

Example sass:
.editmode{
  .masonry-area{
    position:relative!important;
    height:320px;
  }
}

Example css:
.editmode .masonry-area{
    position:relative!important;
    height:320px;
}
blinkdesign replied on at Permalink Reply
blinkdesign
thank you for the instructions. after trying out a couple things, it finally lined up properly after inserting the triggering "layout" code to the masonry script.
i will keep your editmode tipp for another occasion.
regards
blink.