@pageboard/html 0.14.35 → 0.14.37

package/elements/inlines.js

@@ -95,31 +95,7 @@ exports.style = {
 	group: "inline nolink",
 	tag: 'span.style',
 	properties: {
-		size: {
-			title: 'Size',
-			default: null,
-			anyOf: [{
-				const: null,
-				title: 'Default',
-				icon: '<span class="icon">∅</span>'
-			}, {
-				const: 'small',
-				title: 'Small',
-				icon: '<span class="icon char" style="font-size:0.6em">aA</span>'
-			}, {
-				const: 'base',
-				title: 'Base',
-				icon: '<span class="icon char" style="font-size:0.8em">aA</span>'
-			}, {
-				const: 'large',
-				title: 'Large',
-				icon: '<span class="icon char" style="font-size:1.2em">aA</span>'
-			}, {
-				const: 'extra',
-				title: 'Extra',
-				icon: '<span class="icon char" style="font-size:1.6em">aA</span>'
-			}]
-		},
+		size: exports.paragraph.properties.size,
 		transform: {
 			title: 'Transform',
 			default: null,
@@ -193,18 +169,7 @@ exports.style = {
 			nullable: true
 		}
 	},
-	parse: function(dom) {
-		const data = {};
-		for (const [key, schema] of Object.entries(this.properties)) {
-			if (schema.anyOf) for (const item of schema.anyOf) {
-				if (item.const && dom.classList.contains(item.const)) {
-					data[key] = item.const;
-				}
-			}
-		}
-		if (dom.translate === false) data.idiom = true;
-		return data;
-	},
+	parse: exports.paragraph.parse,
 	html: '<span class="style [size] [transform] [color]" translate="[idiom|alt:no:]"></span>',
 	stylesheets: [
 		'../ui/inlines.css'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pageboard/html",
-  "version": "0.14.35",
+  "version": "0.14.37",
   "description": "",
   "main": "index.js",
   "repository": {
@@ -16,7 +16,7 @@
   "dependencies": {},
   "devDependencies": {
     "nouislider": "^15.7.1",
-    "postinstall": "^0.8.0"
+    "postinstall": "^0.9.0"
   },
   "postinstall": {},
   "prepare": {

package/ui/form.js

@@ -357,7 +357,7 @@ class HTMLElementForm extends Page.create(HTMLFormElement) {
 			form.backup();
 		}
 
-		const loc = Page.parse(redirect.fuse({}, scope));
+		const loc = Page.parse(redirect).fuse({}, scope);
 		let vary = false;
 		if (loc.samePathname(state)) {
 			if (res.granted) {

package/ui/inlines.css

@@ -37,15 +37,4 @@ span.blue {
 span.purple {
 	color: purple;
 }
-span.small {
-	font-size: 0.8em;
-}
-span.base {
-	font-size: 1.2em;
-}
-span.large {
-	font-size: 1.6em;
-}
-span.extra {
-	font-size: 2em;
-}
+

package/ui/layout.css

@@ -34,6 +34,17 @@
 	&.column {
 		flex-direction: column;
 		align-items:stretch;
+
+		& > img,
+		&.left > img {
+			align-self:flex-start;
+		}
+		&.hcenter >	img {
+			align-self:center;
+		}
+		&.right >	img {
+			align-self:flex-end;
+		}
 	}
 
 	&.top {
@@ -67,17 +78,7 @@
 		justify-content: flex-end;
 	}
 
-	&.column {
-		> img, &.left > img {
-			align-self:flex-start;
-		}
-		&.hcenter > img {
-			align-self:center;
-		}
-		&.right > img {
-			align-self:flex-end;
-		}
-	}
+
 
 	&.fullwidth {
 		width:100%;