@social-mail/social-mail-client 1.2.244 → 1.2.246

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.
@@ -4266,40 +4266,30 @@ display: grid;
4266
4266
  `.expand("marquee-text"));_export("MarqueeText",MarqueeText=Block({className:"fad fa-text",title:"Add Marquee Text",factory:()=>XNode.create("marquee-text",null,"Your Slding Text")}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/MarqueeText");System.register(["@web-atoms/core/dist/core/XNode","./Block","../styler/StylerSets","@web-atoms/core/dist/style/styled","./defaultImage"],(function(_export,_context){"use strict";var XNode,Block,StylerSets,styled,defaultImageSrc,ImageGrid;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_defaultImage){defaultImageSrc=_defaultImage.defaultImageSrc}],execute:function(){StylerSets.register("low",styled.css`
4267
4267
 
4268
4268
  display: flex;
4269
- flex-direction: row;
4269
+ flex-wrap: wrap;
4270
+ gap: 5px;
4271
+ align-content: center;
4272
+ justify-content: space-between;
4273
+ padding: 10px;
4274
+ margin: 10px;
4275
+ border-radius: 10px;
4276
+ align-items: center;
4277
+ justify-items: stretch;
4270
4278
  flex-wrap: wrap;
4271
4279
 
4272
- & > *:empty:before {
4273
- background-color: #ddd;
4274
- color: #000;
4275
- font-size: 16px;
4276
- font-weight: bold;
4277
- font-family: 'Courier New', Courier, monospace;
4278
- height: 100%;
4279
- display: flex;
4280
- justify-items: center;
4281
- align-items: center;
4282
- min-height: 30px;
4283
- opacity: 0.3;
4284
- border-radius: 3px;
4285
- white-space: nowrap;
4286
- overflow: hidden;
4287
- text-overflow: ellipsis;
4288
- content: "Container";
4289
-
4280
+ & > * {
4281
+ max-height: 30vh;
4282
+ max-width: 30vw;
4283
+ margin: 10px;
4284
+ object-fit: contain;
4285
+ margin: 20px;
4286
+ box-shadow: 0 0 20px 1px black;
4287
+ border: solid 1px white;
4290
4288
  }
4289
+
4291
4290
  `.expand("image-grid"));StylerSets.register("low",styled.css`
4292
4291
  & image-grid {
4293
- display: flex;
4294
- flex-wrap: wrap;
4295
- flex-direction: row;
4296
- gap: 10px;
4297
- & > * {
4298
- max-height: 30vh;
4299
- max-width: 30vw;
4300
- margin: 10px;
4301
- object-fit: contain;
4302
- }
4292
+
4303
4293
  & > [data-element=add] {
4304
4294
  background-color: black;
4305
4295
  color: white;