@social-mail/social-mail-client 1.2.154 → 1.2.156
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/admin/AdminAppIndex.pack.js +27 -3
- package/dist/admin/AdminAppIndex.pack.js.map +1 -1
- package/dist/admin/AdminAppIndex.pack.min.js +27 -3
- package/dist/admin/AdminAppIndex.pack.min.js.map +1 -1
- package/dist/site-editor/blocks/Block.js +5 -0
- package/dist/site-editor/blocks/Block.js.map +1 -1
- package/dist/site-editor/blocks/ImageGallery.d.ts.map +1 -1
- package/dist/site-editor/blocks/ImageGallery.js +22 -3
- package/dist/site-editor/blocks/ImageGallery.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/web/AppIndex.pack.js +27 -3
- package/dist/web/AppIndex.pack.js.map +1 -1
- package/dist/web/AppIndex.pack.min.js +27 -3
- package/dist/web/AppIndex.pack.min.js.map +1 -1
- package/index.js +9 -7
- package/package.json +1 -1
- package/src/site-editor/blocks/Block.tsx +5 -0
- package/src/site-editor/blocks/ImageGallery.tsx +22 -3
|
@@ -36139,6 +36139,11 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/co
|
|
|
36139
36139
|
color: transparent;
|
|
36140
36140
|
display: none;
|
|
36141
36141
|
}
|
|
36142
|
+
& > nav {
|
|
36143
|
+
display: flex;
|
|
36144
|
+
gap: ${stylerVars.sizeDefault};
|
|
36145
|
+
flex-wrap: wrap;
|
|
36146
|
+
}
|
|
36142
36147
|
}
|
|
36143
36148
|
|
|
36144
36149
|
@media (max-width: 500px) {
|
|
@@ -39266,16 +39271,35 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
|
|
|
39266
39271
|
`.expand("image-gallery"));
|
|
39267
39272
|
StylerSets.register("low", styled.css`
|
|
39268
39273
|
& image-gallery {
|
|
39274
|
+
display: flex;
|
|
39275
|
+
flex-wrap: wrap;
|
|
39276
|
+
flex-direction: row;
|
|
39277
|
+
gap: 10px;
|
|
39269
39278
|
& > * {
|
|
39270
|
-
max-height:
|
|
39271
|
-
max-width:
|
|
39279
|
+
max-height: 30vh;
|
|
39280
|
+
max-width: 30vw;
|
|
39272
39281
|
margin: 10px;
|
|
39273
39282
|
}
|
|
39283
|
+
& > [data-element=add] {
|
|
39284
|
+
background-color: black;
|
|
39285
|
+
color: white;
|
|
39286
|
+
font-size: 16px;
|
|
39287
|
+
font-weight: bold;
|
|
39288
|
+
display: flex;
|
|
39289
|
+
justify-items: center;
|
|
39290
|
+
border-radius: 9999px;
|
|
39291
|
+
white-space: nowrap;
|
|
39292
|
+
overflow: hidden;
|
|
39293
|
+
text-overflow: ellipsis;
|
|
39294
|
+
content: "+ Add";
|
|
39295
|
+
padding: 20px;
|
|
39296
|
+
place-self: center;
|
|
39297
|
+
}
|
|
39274
39298
|
}
|
|
39275
39299
|
`.expand("body[editing]"));
|
|
39276
39300
|
_export("ImageGallery", ImageGallery = Block({
|
|
39277
39301
|
className: "fad fa-panorama",
|
|
39278
|
-
title: "Add
|
|
39302
|
+
title: "Add Image Gallery",
|
|
39279
39303
|
factory: () => XNode.create("image-gallery", null, XNode.create("img", {
|
|
39280
39304
|
src: defaultImageSrc
|
|
39281
39305
|
}), XNode.create("img", {
|