@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.
Files changed (17) hide show
  1. package/dist/admin/AdminAppIndex.pack.js +27 -3
  2. package/dist/admin/AdminAppIndex.pack.js.map +1 -1
  3. package/dist/admin/AdminAppIndex.pack.min.js +27 -3
  4. package/dist/admin/AdminAppIndex.pack.min.js.map +1 -1
  5. package/dist/site-editor/blocks/Block.js +5 -0
  6. package/dist/site-editor/blocks/Block.js.map +1 -1
  7. package/dist/site-editor/blocks/ImageGallery.d.ts.map +1 -1
  8. package/dist/site-editor/blocks/ImageGallery.js +22 -3
  9. package/dist/site-editor/blocks/ImageGallery.js.map +1 -1
  10. package/dist/tsconfig.tsbuildinfo +1 -1
  11. package/dist/web/AppIndex.pack.js +27 -3
  12. package/dist/web/AppIndex.pack.js.map +1 -1
  13. package/dist/web/AppIndex.pack.min.js +27 -3
  14. package/dist/web/AppIndex.pack.min.js.map +1 -1
  15. package/package.json +1 -1
  16. package/src/site-editor/blocks/Block.tsx +5 -0
  17. package/src/site-editor/blocks/ImageGallery.tsx +22 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@social-mail/social-mail-client",
3
- "version": "1.2.154",
3
+ "version": "1.2.155",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/site-editor/blocks/Block.tsx CHANGED
@@ -132,6 +132,11 @@ StylerSets.register("low", styled.css `
132
132
  color: transparent;
133
133
  display: none;
134
134
  }
135
+ & > nav {
136
+ display: flex;
137
+ gap: ${stylerVars.sizeDefault};
138
+ flex-wrap: wrap;
139
+ }
135
140
  }
136
141
 
137
142
  @media (max-width: 500px) {
package/src/site-editor/blocks/ImageGallery.tsx CHANGED
@@ -43,17 +43,36 @@ StylerSets.register("low", styled.css `
43
43
 
44
44
  StylerSets.register("low", styled.css `
45
45
  & image-gallery {
46
+ display: flex;
47
+ flex-wrap: wrap;
48
+ flex-direction: row;
49
+ gap: 10px;
46
50
  & > * {
47
- max-height: 50vh;
48
- max-width: 50vw;
51
+ max-height: 30vh;
52
+ max-width: 30vw;
49
53
  margin: 10px;
50
54
  }
55
+ & > [data-element=add] {
56
+ background-color: black;
57
+ color: white;
58
+ font-size: 16px;
59
+ font-weight: bold;
60
+ display: flex;
61
+ justify-items: center;
62
+ border-radius: 9999px;
63
+ white-space: nowrap;
64
+ overflow: hidden;
65
+ text-overflow: ellipsis;
66
+ content: "+ Add";
67
+ padding: 20px;
68
+ place-self: center;
69
+ }
51
70
  }
52
71
  `.expand("body[editing]"));
53
72
 
54
73
  export const ImageGallery = Block({
55
74
  className: "fad fa-panorama",
56
- title: "Add Carousel",
75
+ title: "Add Image Gallery",
57
76
  factory: () => <image-gallery>
58
77
  <img src={defaultImageSrc}/>
59
78
  <img src={defaultImageSrc}/>