diff --git a/index.css b/index.css index bc2332f0..f6c2a598 100644 --- a/index.css +++ b/index.css @@ -491,6 +491,7 @@ div.display:not(.toggle) { border-top:var(--box-border); } fieldset>div.status { border-top:var(--status-border); } /* border-radius */ legend { border-top-left-radius:var(--plugin-radius); } +body.mobile legend { border-top-right-radius:var(--plugin-radius); } select { border-radius:var(--button-radius); } input[type=button] { border-radius:var(--button-radius); } fieldset>form.option>div.item.select { border-radius:var(--button-radius); } @@ -503,6 +504,7 @@ fieldset>div.status>legend:not(:hover):not(.select) { border-radius:0; } div.plug legend { border-radius:0; } /* box-shadow */ fieldset>legend { box-shadow:var(--legend-box-shadow); } +body.mobile fieldset>legend { box-shadow:none; } /* fieldset>legend:hover { box-shadow:var(--notice-box-shadow); } */ fieldset>form.option>div.item:not(.icon) { box-shadow:var(--input-box-shadow); } /* fieldset>form.option>div.item:not(.icon):hover { box-shadow:var(--notice-box-shadow); } */ diff --git a/panel/action.js b/panel/action.js index 5a0e9d96..1e2183d2 100644 --- a/panel/action.js +++ b/panel/action.js @@ -6,7 +6,7 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg) { var river = can.Conf(chat.R list.length == 0 && can.user.info.nodetype == web.SERVER && item._command == web.DREAM && (list = [river, storm, item._command]) can.onappend.plugin(can, item, function(sub, meta, skip) { if (meta.index == "can._notfound" && !can.misc.isDebug(can)) { return skip || next() } sub.run = function(event, cmds, cb) { return can.run(can.request(event, {pod: meta.pod||meta.space}), (can.base.beginWith(meta.index, "can.")? [meta.index]: [river, storm, meta.id||meta.index]).concat(cmds), cb) } - sub.onexport.output = function() { msg.Length() > 1 && can.onexport.isauto(can) && can.page.style(can, sub._output, html.HEIGHT, "", html.MAX_HEIGHT, "") } + sub.onexport.output = function() { msg.Length() > 1 && can.onexport.isauto(can) && can.page.style(can, sub._output, html.HEIGHT, "", html.MAX_HEIGHT, ""), can.onaction.layout(can, list[3]) } can.onaction.layout(can, list[3]), can.onimport._tabs(can, sub, meta), can._plugins = (can._plugins||[]).concat([sub]) can.onexport.layout(can) && list[0] == river && list[1] == storm? (can.base.isIn(list[2], sub.ConfIndex()) && (sub._tabs.click(), _select = sub)): (index == 0 && (sub._tabs.click())), _select = _select||sub, skip || next() diff --git a/panel/river.css b/panel/river.css index bc5bb902..b0e28a74 100644 --- a/panel/river.css +++ b/panel/river.css @@ -14,6 +14,8 @@ fieldset.River>div.output { margin:var(--river-margin) 0; margin-bottom:20px; } fieldset.River>div.toggle { rotate:90deg; right:calc(50% - 5px); } /* fieldset.River>div.toggle.prev { top:-10px; } */ fieldset.River>div.toggle.prev { top:0; } +body.mobile fieldset.River>div.toggle.prev { top:-52px; } +body.mobile fieldset.River>div.output { margin-top:16px; } fieldset.River>div.toggle.next { bottom:-52px; } fieldset.River:not(:hover)>div.toggle { visibility:hidden; } fieldset.River.page { display:none; } diff --git a/panel/river.js b/panel/river.js index a98e247e..588c01f7 100644 --- a/panel/river.js +++ b/panel/river.js @@ -45,7 +45,7 @@ Volcanos(chat.ONACTION, {list: [mdb.CREATE, web.SHARE, web.REFRESH], _init: func share: function(event, can) { can.core.CallFunc(can.ondetail.share, {event: event, can: can}) }, onsize: function(can, height) { var margin = 68, _margin = margin can.page.style(can, can._output, html.MARGIN, "0px", html.HEIGHT, "", html.MAX_HEIGHT, "") - if (can.user.isMobile || !can.user.isTechOrRoot(can)) { margin = 0 } + if (can.user.isMobile || !can.user.isTechOrRoot(can)) { margin = 16 } if (can._output.offsetHeight < height-margin) { margin += (height-margin-can._output.offsetHeight)/4 } else {