add some

frame.js

@@ -1009,8 +1009,7 @@ Volcanos(chat.ONMOTION, {_init: function(can, target) {
 			}
 		}
 	},
-	orderShow: function(can, target, key, limit, delay) {
-		if (can.user.isMobile) { return } target = target||can._output, limit = limit||50, delay = delay||50
+	orderShow: function(can, target, key, limit, delay) { if (can.user.isMobile) { return } target = target||can._output, limit = limit||30, delay = delay||50
 		var list = can.page.SelectChild(can, target, key||html.DIV_ITEM, function(target) { can.page.style(can, target, html.VISIBILITY, html.HIDDEN); return target })
 		can.core.Next(list, function(target, next, index) {
 			if (index < limit) {

index.css

@@ -54,10 +54,13 @@ body {
 	--header-height:48px; --footer-height:var(--action-height); --action-height:32px; --status-height:var(--action-height);
 	--river-width:var(--project-width); --project-width:230px; --input-width:140px; --button-width:60px; --form-width:320px;
 	--url-input-width:320px;
- 	--qrcode-height:364px; --qrcode-width:360px; --iframe-height:420px; --textarea-height:96px;
+ 	--qrcode-height:364px; --qrcode-width:360px;
+   	--iframe-height:420px;
+   	--textarea-height:96px;
 	--card-height:160px; --card-width:320px;
-	--story-height:var(--float-height); --float-height:480px; --float-width:1200px;
-	--plug-height:480px; --plug-width:var(--float-width);
+	--story-height:480px;
+   	--float-height:var(--story-height); --float-width:1200px;
+	--plug-height:var(--story-height); --plug-width:var(--float-width);
 	--desktop-height:684px; --desktop-width:var(--float-width); --desktop-icon-size:80px;
 	--action-button:10; --table-button:5; --river-margin:80px; --action-margin:200px;
 	--card-button:5;
@@ -70,6 +73,9 @@ body {
 	--code-font-size:14px; --code-line-height:24px; --code-tabs-height:48px;
 	--icon-font-size:var(--legend-font-size); --svg-font-size:24px; --svg-stroke-width:1;
 }
+body.en {
+	--card-button:3;
+}
 body.mobile { --footer-height:60px; --qrcode-height:284px; --svg-font-size:13px; }
 body.width1 { /* 320-640 手机竖屏 */
 	--river-width:280px; --project-width:120px; --input-width:80px; --url-input-width:160px; --form-width:320px;
@@ -90,8 +96,7 @@ body.width5 { /* 1600-1920 */
 body.width6 { /* 1920-2240 显示器 */
 	--river-width:280px; --input-width:180px; --card-height:160px;
 	--project-width:280px;
-	--float-height:640px;
-	--float-width:1400;
+	--float-height:640px; --float-width:1400;
 }
 /* element */
 * { box-sizing:border-box; padding:0; border:0; margin:0; tab-size:4; }
@@ -142,7 +147,7 @@ div.output.card>div.item.stop { color:var(--disable-fg-color); }
 div.output.card>div.item>div.title { font-size:var(--legend-font-size); font-weight:bold; padding-bottom:var(--input-padding); display:flex; align-items:center; overflow:hidden; }
 div.output.card>div.item>div.title>img { margin-right:var(--button-margin); margin-left:0; height:var(--header-height); width:var(--header-height); float:left; }
 div.output.card>div.item>div.content { white-space:pre; font-size:var(--status-font-size); padding:var(--input-padding); height:var(--header-height); }
-div.output.card>div.item>div.action { text-align:right; width:100%; display:flex; position:absolute; bottom:var(--plugin-padding); }
+div.output.card>div.item>div.action { text-align:right; width:calc(100% - var(--plugin-padding)); display:flex; position:absolute; bottom:var(--plugin-padding); }
 div.output.card>div.item>div.action>input { padding:0 var(--button-padding); margin-right:var(--input-margin); }
 div.output.stats { flex-wrap:wrap; }
 div.output.stats>div.item { text-align:center; flex-direction:column; flex-grow:1; padding:var(--plugin-padding); margin:var(--plugin-padding); float:left; }
@@ -432,6 +437,7 @@ div.carte div.item:hover { background-color:var(--hover-bg-color); }
 div.carte div.item.danger:hover { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
 div.carte div.item.notice:hover { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
 /* z-index */
+body>div.toast.float { z-index:10; }
 fieldset.input.float { z-index:10; }
 div.input.float { z-index:10; }
 div.carte.float { z-index:10; }

lib/user.js

@@ -88,7 +88,7 @@ Volcanos("user", {
 		meta.title = meta.title||can.core.Keys(can.ConfSpace(), can.ConfIndex())||can._name.split(nfs.PS).slice(-2).join(nfs.PS)
 		meta.hash && can.misc.isDebug(can) && (meta.title += " "+meta.hash.slice(0, 6)), meta.action = meta.action||[""]
 		var width = meta.width||390; if (width < 0) { width = can.page.width() + width }
-		var ui = can.page.Append(can, can._root.Action._toast, [{view: [[chat.TOAST, meta.style, chat.FLOAT]], style: {width: width}, list: [
+		var ui = can.page.Append(can, meta.action.list || meta.action.length > 1? document.body: can._root.Action._toast, [{view: [[chat.TOAST, meta.style, chat.FLOAT]], style: {width: width}, list: [
 			{view: [wiki.TITLE, "", meta.title||""], title: "点击复制", onclick: function(event) { can.user.copy(event, can, meta.title) }},
 			{view: [cli.CLOSE, "", can.page.unicode.close], title: "点击关闭", onclick: function() { action.close() }},
 			{view: "duration", title: "点击关闭", onclick: function() { action.close() }},
@@ -109,6 +109,11 @@ Volcanos("user", {
 				can.onmotion.delay(can, function() { can.page.Remove(can, ui._target) }, 1000)
 			}), _target: ui._target,
 		}); can.onmotion.story.auto(can, ui._target)
+		if (action._target.parentNode == document.body) {
+			can.onmotion.delay(can, function() {
+				can.page.style(can, action._target, html.TOP, (can.page.height() - action._target.offsetHeight)/4, html.LEFT, (can.page.width()-action._target.offsetWidth)/2)
+			})
+		}
 		if (meta.action && meta.action.length == 1 && meta.action[0] === "") {
 			can.page.Select(can, action._target, html.DIV_ACTION, function(target) { can.onmotion.hidden(can, target) })
 		} can._toast && (typeof can._toast.close == code.FUNCTION && can._toast.close(), delete(can._toast))