@social-mail/social-mail-client 1.2.154 → 1.2.155
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/package.json +1 -1
- package/src/site-editor/blocks/Block.tsx +5 -0
- package/src/site-editor/blocks/ImageGallery.tsx +22 -3
|
@@ -39600,6 +39600,11 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/co
|
|
|
39600
39600
|
color: transparent;
|
|
39601
39601
|
display: none;
|
|
39602
39602
|
}
|
|
39603
|
+
& > nav {
|
|
39604
|
+
display: flex;
|
|
39605
|
+
gap: ${stylerVars.sizeDefault};
|
|
39606
|
+
flex-wrap: wrap;
|
|
39607
|
+
}
|
|
39603
39608
|
}
|
|
39604
39609
|
|
|
39605
39610
|
@media (max-width: 500px) {
|
|
@@ -42727,16 +42732,35 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
|
|
|
42727
42732
|
`.expand("image-gallery"));
|
|
42728
42733
|
StylerSets.register("low", styled.css`
|
|
42729
42734
|
& image-gallery {
|
|
42735
|
+
display: flex;
|
|
42736
|
+
flex-wrap: wrap;
|
|
42737
|
+
flex-direction: row;
|
|
42738
|
+
gap: 10px;
|
|
42730
42739
|
& > * {
|
|
42731
|
-
max-height:
|
|
42732
|
-
max-width:
|
|
42740
|
+
max-height: 30vh;
|
|
42741
|
+
max-width: 30vw;
|
|
42733
42742
|
margin: 10px;
|
|
42734
42743
|
}
|
|
42744
|
+
& > [data-element=add] {
|
|
42745
|
+
background-color: black;
|
|
42746
|
+
color: white;
|
|
42747
|
+
font-size: 16px;
|
|
42748
|
+
font-weight: bold;
|
|
42749
|
+
display: flex;
|
|
42750
|
+
justify-items: center;
|
|
42751
|
+
border-radius: 9999px;
|
|
42752
|
+
white-space: nowrap;
|
|
42753
|
+
overflow: hidden;
|
|
42754
|
+
text-overflow: ellipsis;
|
|
42755
|
+
content: "+ Add";
|
|
42756
|
+
padding: 20px;
|
|
42757
|
+
place-self: center;
|
|
42758
|
+
}
|
|
42735
42759
|
}
|
|
42736
42760
|
`.expand("body[editing]"));
|
|
42737
42761
|
_export("ImageGallery", ImageGallery = Block({
|
|
42738
42762
|
className: "fad fa-panorama",
|
|
42739
|
-
title: "Add
|
|
42763
|
+
title: "Add Image Gallery",
|
|
42740
42764
|
factory: () => XNode.create("image-gallery", null, XNode.create("img", {
|
|
42741
42765
|
src: defaultImageSrc
|
|
42742
42766
|
}), XNode.create("img", {
|