Tiles layout gutter issue
-
Hello,
I insert my gallery using the shortcode in the classic editor : [gallery ids="..." layout="tiles"]
The value configured for the gutter in Tiles layout doesn’t work. In the css added inline by app/galleries.js, I get (for instance) :
.go359033968 #mgl-gallery-6936f87977181 .mgl-box { padding: NaNpx}And indeed, when I dig in this piece of JS code :
.mgl-tiles {\n display: ".concat(t.isPreview ? "block" : "none", ";\n }\n\n #").concat(t.classId, " {\n margin: ").concat(-1 * t.gutter.desktop / 2, "px;\n width: calc(100% + ").concat(t.gutter.desktop, "px);\n }\n\n #").concat(t.classId, " .mgl-box {\n padding: ").concat(t.gutter.desktop / 2, "px;\n }\n\n @media screen and (max-width: 768px) {\n #").concat(t.classId, " {\n margin: ").concat(-1 * t.gutter.tablet / 2, "px;\n width: calc(100% + ").concat(t.gutter.tablet, "px);\n }\n\n #").concat(t.classId, " .mgl-box {\n padding: ").concat(t.gutter.tablet / 2, "px;\n }\n }\n\n @media screen and (max-width: 460px) {\n #").concat(t.classId, " {\n margin: ").concat(-1 * t.gutter.mobile / 2, "px;\n width: calc(100% + ").concat(t.gutter.mobile, ">px);\n }\n\n #").concat(t.classId, " .mgl-box {\n padding: ").concat(t.gutter.mobile / 2, "px;\n }\n }\n ")The variables t.gutter.desktop, t.gutter.tablet and t.gutter.mobile are not defined. Only t.gutter is defined.
Thanks for your help 🙂
Laurent
You must be logged in to reply to this topic.