@social-mail/social-mail-client 1.2.509 → 1.2.511

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.2.509",
+  "version": "1.2.511",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/site-editor/properties/controls/PropertyEditor.tsx

@@ -1,7 +1,7 @@
 import XNode from "@web-atoms/core/dist/core/XNode";
 import { StylerProperty } from "../../styler/Styler";
 import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import type HtmlPageEditor from "../../editor/HtmlPageEditor";
+import HtmlPageEditor from "../../editor/HtmlPageEditor";
 import Expander from "@web-atoms/web-controls/dist/basic/Expander";
 import Select from "@web-atoms/web-controls/dist/basic/Select";
 import Bind from "@web-atoms/core/dist/core/Bind";
@@ -70,7 +70,7 @@ export const BindStyleCustom = AtomControl.registerProperty("data-style-property
         padding-right: 10px;
     }
 
-    &[data-custom=""] > [data-element=custom] {
+    &[data-custom-value=""]:not([data-custom]) > [data-element=custom] {
         display: none;
     }
 
@@ -114,7 +114,7 @@ export function PropertyEditor({
         if(custom) {
             const binder = (c: HtmlPageEditor) => c.selection.style(property.key).custom;
             binder.toString = () => `(c) => c.selection.styleProperty["${property.key.replace("-", "_")}"]`;
-            a["data-custom"] = Bind.oneWay(binder);
+            a["data-custom-value"] = Bind.oneWay(binder);
         }
     }
     return <div

package/src/site-editor/properties/groups/PositionGroupEditor.tsx

@@ -11,28 +11,30 @@ export default function PositionGroupEditor() {
             label="Position"
             property={properties.stylerPosition}
             />
-        <section
-            style-display={BindEditor.oneWay((e) => /relative|fixed|absolute|sticky/i.test(e.selection.currentStyle.position))}>
-            <SizeEditorControl
-                label="Left"
-                property={properties.stylerLeft}
-                />
-            <SizeEditorControl
-                label="Top"
-                property={properties.stylerTop}
-                />
-            <SizeEditorControl
-                label="Right"
-                property={properties.stylerRight}
-                />
-            <SizeEditorControl
-                label="Bottom"
-                property={properties.stylerBottom}
-                />
+        <section>
+            <section
+                style-display={BindEditor.oneWay((e) => /relative|fixed|absolute|sticky/i.test(e.selection.currentStyle.position))}>
+                <SizeEditorControl
+                    label="Left"
+                    property={properties.stylerLeft}
+                    />
+                <SizeEditorControl
+                    label="Top"
+                    property={properties.stylerTop}
+                    />
+                <SizeEditorControl
+                    label="Right"
+                    property={properties.stylerRight}
+                    />
+                <SizeEditorControl
+                    label="Bottom"
+                    property={properties.stylerBottom}
+                    />
+            </section>
             <DropDownProperty
-                label="Z-Index"
-                property={properties.stylerZIndex}
-                />
+                    label="Z-Index"
+                    property={properties.stylerZIndex}
+                    />
         </section>
     </ExpanderPropertyEditor>;
 }