Forums

Odd behaviour with the drag handles of own grid layout

Permalink
Hi together,

currently I'm building a concrete5 theme based on a finished html layout.
Therefore I have created a class for a custom layout based on this html layout.
The columns are correct, but the drag handles are not correct. For example, if I move the left handle, it jumps away and it is no longer possible to take it back to its original position.

Here is the stylesheet:
.split {
   display: block;
}
.split div[class*="size"]:first-child {
   margin-left: 0px;
}
.split div[class*="size"] {
   display: block;
   float: left;
   margin-left: 2.127659574468085%;
}
.split:after {
   display: block;
   content: '';
   clear: both;
Viewing 15 lines of 28 lines. View entire code block.


There are no offset classes.

Do you have a idea for this issue or is it possible to dissable the function to drag the columns with?

Thank you!

Regards from Germany,
Alexander

1 Attachment

LiaraAlis
 
mesuva replied on at Permalink Best Answer Reply
mesuva
I hit this quite a few times while playing around with ways of handling different grids.
In particular I found that it did this when using Skeleton (http://getskeleton.com/), and tracked it down to its use of margins on the _left_ on columns.

I found that if I swapped it around to put the margins on the right of columns the grid handles then behaved as expected.

Looking at your CSS, your margins are on the left, so I'm thinking that might be the cause.

So you could try changing it to:

.split {
   display: block;
}
.split div[class*="size"]:last-child {
   margin-right: 0px;
}
.split div[class*="size"] {
   display: block;
   float: left;
   margin-right: 2.127659574468085%;
}
.split:after {
   display: block;
   content: '';
   clear: both;
LiaraAlis replied on at Permalink Reply
LiaraAlis
Hi mesuva,

I wouldn't have thought that the solution can be so simple…
I have tried to add margin on the left and the right - BUT I didn't have added the margin to the other side…

Thanks a lot!