diff --git a/frame.js b/frame.js index d3ae0cfa..b400f7fe 100644 --- a/frame.js +++ b/frame.js @@ -458,6 +458,7 @@ Volcanos(chat.ONAPPEND, {_init: function(can, meta, list, cb, target, field) { if (can.user.isMobile) { can.base.toLast(msg.append, mdb.TIME) } can.base.toLast(msg.append, web.LINK), can.base.toLast(msg.append, ctx.ACTION) if (msg.append && msg.append[msg.append.length-1] == ctx.ACTION && can.core.List(msg[ctx.ACTION], function(item) { if (item) { return item } }).length == 0) { msg.append.pop() } if (msg.append[msg.append.length-1] == ctx.ACTION && (!msg[ctx.ACTION] || msg[ctx.ACTION].length == 0)) { msg.append.pop() } + var option = can.core.Item(can.Option()) var table = can.page.AppendTable(can, msg, target||can._output, msg.append, cb||function(value, key, index, data, list) { var _value = value if (msg.append.length == 2 && msg.append[0] == mdb.KEY && msg.append[1] == mdb.VALUE) { if (key == mdb.VALUE) { key = data.key } data = {}, can.core.List(list, function(item) { data[item.key] = item.value }) } function request(event) { delete(data.action); return can.request(event, data, can.Option()) } @@ -478,7 +479,7 @@ Volcanos(chat.ONAPPEND, {_init: function(can, meta, list, cb, target, field) { if (key == mdb.STATUS && value == mdb.ENABLE) { _value = `` function onclick() { run(event, mdb.MODIFY, [mdb.STATUS, mdb.DISABLE]); return true } } - return {text: [msg.IsDetail() && key == mdb.KEY? can.user.trans(can, _value, null, html.INPUT): can.user.trans(can, _value, null, html.VALUE), html.TD], onclick: function(event) { var target = event.target + return {className: option.indexOf(key) > -1? "option": key == ctx.ACTION? ctx.ACTION: "", text: [msg.IsDetail() && key == mdb.KEY? can.user.trans(can, _value, null, html.INPUT): can.user.trans(can, _value, null, html.VALUE), html.TD], onclick: function(event) { var target = event.target if (onclick()) { return } if (key == cli.QRCODE && can.page.tagis(event.target, html.IMG)) { can.user.opens(event.target.title) } if (can.page.tagis(target, html.INPUT) && target.type == html.BUTTON) { can.requestAction(request(event), target.name) @@ -497,7 +498,7 @@ Volcanos(chat.ONAPPEND, {_init: function(can, meta, list, cb, target, field) { can.page.SelectChild(can, can._option, html.DIV_ITEM_TEXT, function(target) { can.page.ClassList.set(can, target, "will", can.page.ClassList.has(can, target, key)) }) - }, title: can.user.trans(can, can.Option(key) == undefined? key: "click to detail", null, html.INPUT), _init: function(target) { + }, _init: function(target) { key == ctx.ACTION && can.onappend.mores(can, target, data, msg.IsDetail()? 10: html.TABLE_BUTTON) var list = can.page.Select(can, target, html.INPUT, function(target) { var _icon = can.Conf("_icons."+target.name)||icon[target.name]; if (_icon && typeof _icon == code.STRING || target.name == mdb.DELETE) { return target } @@ -509,7 +510,7 @@ Volcanos(chat.ONAPPEND, {_init: function(can, meta, list, cb, target, field) { }}], target.nextSibling, target.parentNode) }) can.page.SelectOne(can, target, html.SPAN, function(span) { can.core.List(span.style, function(key) { target.style[key] = span.style[key] }) }) - can.page.style(can, target, "cursor", can.base.isIn(key, mdb.KEY, mdb.TIME)? "default": can.Option(key) != undefined? "pointer": "text") + // can.page.style(can, target, "cursor", can.base.isIn(key, mdb.KEY, mdb.TIME)? "default": can.Option(key) != undefined? "pointer": "text") }} }); table && can.onappend.style(can, chat.CONTENT, table), table && msg.IsDetail() && can.onappend.style(can, mdb.DETAIL, table) msg.append && msg.append[msg.append.length-1] == ctx.ACTION && can.onappend.style(can, ctx.ACTION, table) diff --git a/index.css b/index.css index 1fd4c810..43c2b604 100644 --- a/index.css +++ b/index.css @@ -1,77 +1,86 @@ /* variable */ @media (prefers-color-scheme: light) { - body { --plugin-bg-color:white; --plugin-fg-color:black; } - body { - --code-comment:green; --code-keyword:darkblue; - --code-function:darkcyan; --code-constant:gray; --code-string:brown; - --code-object:purple; --code-datatype:cornflowerblue; --code-package:blue; - } +body { + --plugin-bg-color:white; --plugin-fg-color:black; + --code-bg-color:black; --code-fg-color:silver; + --code-comment:green; --code-keyword:darkblue; + --code-function:darkcyan; --code-constant:gray; --code-string:brown; + --code-object:purple; --code-datatype:cornflowerblue; --code-package:blue; +} } @media (prefers-color-scheme: dark) { - body { --plugin-bg-color:black; --plugin-fg-color:silver; } - body { - --code-comment:green; --code-keyword:royalblue; - --code-function:lightgreen; --code-constant:gray; --code-string:orange; - --code-object:silver; --code-datatype:lavender; --code-package:blue; - } +body { + --plugin-bg-color:black; --plugin-fg-color:silver; + --code-bg-color:black; --code-fg-color:silver; + --code-comment:green; --code-keyword:royalblue; + --code-function:lightgreen; --code-constant:gray; --code-string:orange; + --code-object:silver; --code-datatype:lavender; --code-package:blue; +} } body { --notice-bg-color:blue; --notice-fg-color:white; --danger-bg-color:red; --danger-fg-color:var(--notice-fg-color); - --create-bg-color:var(--notice-bg-color); --create-fg-color:var(--notice-fg-color); - --box-border:#404141 solid 1px; --box-shadow:var(--body-fg-color) 2px 2px 8px; --box-notice:var(--notice-bg-color) solid 1px; - --hover-bg-color:#5066b945; --hover-fg-color:var(--notice-fg-color); - --progress-bg-color:red; --disable-fg-color:gray; + --disable-fg-color:gray; --progress-bg-color:var(--danger-bg-color); + --hover-bg-color:#5066b961; --hover-fg-color:var(--notice-fg-color); + --body-bg-color:var(--plugin-bg-color); --body-fg-color:var(--plugin-fg-color); - --plugin-border-color:var(--box-border); - - --legend-bg-color:var(--plugin-bg-color); - --input-bg-color:var(--plugin-bg-color); --input-fg-color: var(--plugin-fg-color); --input-border:var(--box-border); - --output-bg-color:var(--input-bg-color); --output-fg-color:var(--input-fg-color); --status-border:var(--box-border); - --th-bg-color:var(--plugin-bg-color); --th-fg-color:var(--plugin-fg-color); + --legend-bg-color:var(--plugin-bg-color); --legend-fg-color:var(--plugin-fg-color); + --input-bg-color:var(--output-bg-color); --input-fg-color: var(--output-fg-color); + --output-bg-color:var(--plugin-bg-color); --output-fg-color:var(--plugin-fg-color); + --th-bg-color:var(--legend-bg-color); --th-fg-color:var(--legend-fg-color); --tr-hover-bg-color:var(--hover-bg-color); --td-hover-bg-color:var(--hover-bg-color); - --panel-hover-bg-color:var(--hover-bg-color); --panel-hover-fg-color:var(--hover-fg-color); - --panel-output-bg-color:var(--panel-bg-color); --panel-output-fg-color:var(--panel-fg-color); - --panel-input-bg-color:var(--panel-bg-color); --panel-input-fg-color:var(--panel-fg-color); - --panel-bg-color:var(--plugin-bg-color); --panel-fg-color:var(--plugin-fg-color); --float-bg-color:var(--plugin-bg-color); --float-fg-color:var(--plugin-fg-color); - --carte-bg-color:var(--plugin-bg-color); + --carte-bg-color:var(--legend-bg-color); --carte-fg-color:var(--legend-fg-color); + --panel-bg-color:var(--plugin-bg-color); --panel-fg-color:var(--plugin-fg-color); + --panel-input-bg-color:var(--panel-bg-color); --panel-input-fg-color:var(--panel-fg-color); + --panel-output-bg-color:var(--panel-bg-color); --panel-output-fg-color:var(--panel-fg-color); + --panel-hover-bg-color:var(--hover-bg-color); --panel-hover-fg-color:var(--hover-fg-color); + --action-output-bg-color:var(--output-bg-color); - --code-bg-color:black; --code-fg-color:silver; --code-border-color:var(--notice-bg-color); - --body-font-family:sans-serif; --code-font-family:monospace; --svg-font-family:var(--code-font-family); - --legend-font-family:var(--input-font-family); --status-font-family:var(--body-font-family); - /* --input-font-family:cursive; --table-font-family:var(--body-font-family); */ - --input-font-family:cursive; --table-font-family:var(--code-font-family); + --box-border:var(--disable-fg-color) solid 1px; + --box-notice:var(--notice-bg-color) solid 1px; + --plugin-border-color:var(--box-border); + --input-border:var(--box-border); + --status-border:var(--box-border); + --code-border-color:var(--notice-bg-color); - --body-font-size:16px; --legend-font-size:20px; --icon-font-size:20px; - --code-font-size:14px; --code-line-height:24px; --code-tabs-height:48px; - --svg-font-size:24px; --svg-stroke-width:1; --status-font-size:12px; - - --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:120px; --button-width:60px; --form-width:320px; - --desktop-height:684px; --float-height:480px; --plug-height:480px; --story-height:var(--float-height); - --desktop-width:1200px; --float-width:1200px; --plug-width:1000px; - --textarea-height:96px; --qrcode-height:364px; --iframe-height:420px; - --river-margin:80px; --action-margin:200px; --desktop-icon-size:80px; - --card-width:320px; --card-height:145px; + --box-shadow:var(--body-fg-color) 2px 2px 8px; + --legend-box-shadow:var(--box-shadow); + --input-box-shadow:var(--box-shadow); + --th-box-shadow:var(--box-shadow); --plugin-padding:10px; --plugin-margin:var(--plugin-padding); --legend-padding:20px; --title-margin:var(--legend-padding); --button-padding:var(--plugin-padding); --button-margin:var(--button-padding); --input-padding:5px; --input-margin:var(--input-padding); --table-padding:var(--button-padding); - --action-button:10; --table-button:5; --plugin-radius:var(--plugin-padding); --button-radius:var(--input-padding); + --river-margin:80px; --action-margin:200px; --action-button:10; --table-button:5; + + --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:120px; --button-width:60px; --form-width:320px; + --textarea-height:96px; --qrcode-height:364px; --iframe-height:420px; + --story-height:var(--float-height); + --card-height:145px; --card-width:320px; + --plug-height:var(--float-height); --plug-width:var(--float-width); + --float-height:480px; --float-width:1200px; + --desktop-height:684px; --desktop-width:var(--float-width); + --desktop-icon-size:80px; + + --body-font-family:sans-serif; + --legend-font-family:var(--input-font-family); --status-font-family:var(--body-font-family); + --input-font-family:cursive; --table-font-family:var(--code-font-family); + --code-font-family:monospace; --svg-font-family:var(--code-font-family); + --body-font-size:16px; --legend-font-size:20px; --status-font-size:12px; + --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; } input { font-family:var(--input-font-family); } body { font-family:var(--body-font-family); } body { background-color:var(--body-bg-color); color:var(--body-fg-color); } body.cmd { background-color:var(--plugin-bg-color); } body.windows { --code-font-family:"Courier New"; } -body.mobile { - --qrcode-height:284px; --svg-font-size:13px; - --footer-height:60px; -} +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; --river-margin:0; --plugin-margin:0; --button-margin:5px; @@ -106,9 +115,9 @@ table.content thead { position:sticky; top:2px; } table.content tr.danger { background-color:var(--danger-bg-color) !important; color:var(--danger-fg-color) !important; } table.content tr.disable { color:var(--disable-fg-color); } table.content tr.offline { color:var(--disable-fg-color); } -table.content tr.offline a { color:var(--disable-fg-color); } -table.content th { font-family:var(--input-font-family); padding:var(--input-padding) 24px; box-shadow:var(--box-shadow); } -table.content th { position:relative; } +table.content th { font-family:var(--input-font-family); padding:var(--input-padding) 24px; box-shadow:var(--th-box-shadow); } +table.content { cursor:default; } +table.content th:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } table.content th span { cursor:pointer; } table.content th i { position:absolute; right:var(--input-padding); cursor:pointer; } table.content th:not(.select) i { display:none; } @@ -126,30 +135,33 @@ table.content.checkbox th:first-child { text-align:center; padding:var(--table-p table.content.checkbox td:first-child { background-color:var(--th-bg-color); text-align:center; position:sticky; left:2px; } table.content.detail td:first-child { width:var(--input-width); } table.content.action th:last-child { position:sticky; right:2px; } -table.content.action td:last-child { background-color:var(--th-bg-color); text-align:center; position:sticky; right:2px; } -table.content:hover col.option { background-color:var(--hover-bg-color); } +table.content.action td:last-child { text-align:center; position:sticky; right:2px; box-shadow:var(--th-box-shadow); } +table.content:hover col.option { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); } +table.content:hover td.option:not(:hover) { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); } +table.content td.option { cursor:pointer; } +table.content td.action:not(:hover) { background-color:var(--th-bg-color); color:var(--th-fg-color); } table.content col.action { width:var(--project); } table.content col.time { width:180px; } table.content input:not(:last-child) { margin-right:var(--button-margin); } h1 { text-align:center; margin:var(--title-margin) 0; } h2 { margin:var(--title-margin) 0; } h3 { margin:var(--title-margin) 0; } hr, td.hr { border-bottom:var(--plugin-border-color) dashed 1px; margin:var(--input-margin); } ol, ul { margin-left:var(--title-margin); } -a { color:var(--body-fg-color); font-style:italic; } +a { color:unset; font-style:italic; } p { margin:var(--title-margin) 0; } img[title^=http] { cursor:pointer; } div.output>div.code>img { margin-bottom:-3px; } kbd { font-family:var(--code-font-family); padding:0 var(--input-padding); } iframe { height:var(--iframe-height); width:100%; } /* fieldset */ -fieldset>legend { box-shadow:var(--box-shadow); } -fieldset>form.option>div.item:not(.icon) { margin-right:var(--button-margin); box-shadow:var(--box-shadow); } +fieldset>legend { box-shadow:var(--legend-box-shadow); } +fieldset>form.option>div.item:not(.icon) { margin-right:var(--button-margin); box-shadow:var(--input-box-shadow); } fieldset>form.option>div.item.textarea { width:100%; height:var(--textarea-height); } fieldset>form.option>div.item.text.cmd { width:100%; } fieldset>form.option>div.item.text.cmd>input { background-color:var(--code-bg-color); color:var(--code-fg-color); width:100%; } fieldset>form.option>div.item.select { border-radius:var(--button-radius); } fieldset>form.option>div.item.select>input { min-width:var(--button-width); } fieldset>form.option>div.item.button { border-radius:var(--button-radius); } -fieldset>div.action div.item { box-shadow:var(--box-shadow); height:var(--action-height); } +fieldset>div.action div.item { box-shadow:var(--input-box-shadow); height:var(--action-height); } fieldset>div.action div.item.state { box-shadow:unset; } fieldset>div.action div.item:not(:last-child) { margin-right:var(--button-margin); } fieldset>div.action div.item.button { border-radius:var(--button-radius); } @@ -175,6 +187,7 @@ fieldset.input.date>div.output td.next { color:var(--disable-fg-color); } fieldset.input.date>div.output td span.lunar { font-size:8px; display:block; clear:both; } fieldset.input.date>div.output td span.lunar.term { color:green; } fieldset.input.date>div.output td span.lunar.fest { color:red; } +fieldset.input.date>div.output td { cursor:pointer; } fieldset.input.date>div.status { text-align:center; } fieldset.input.date>div.status>div.today { padding:var(--input-padding); } fieldset.input.icon img { height:var(--desktop-icon-size); width:var(--desktop-icon-size); cursor:pointer; } @@ -186,7 +199,7 @@ input.disable { color:var(--disable-fg-color) !important; border:unset !importan body div.float { padding:var(--plugin-padding); box-shadow:var(--box-shadow); } body>div.toast div.title { color:var(--notice-bg-color); font-style:italic; white-space:pre; max-width:280px; overflow:auto; float:left; cursor:copy; } body>div.toast div.delete { color:var(--notice-bg-color); float:right; cursor:pointer; } -body>div.toast div.delete:hover { background-color:var(--hover-bg-color); } +body>div.toast div.delete:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } body>div.toast div.duration { color:var(--disable-fg-color); float:right; } body>div.toast div.content { color:var(--notice-bg-color); white-space:normal; text-align:center; min-height:48px; margin-bottom:5px; display:block; } body>div.toast div.progress { border:var(--box-notice); margin-left:0px; height:20px; clear:both; } @@ -274,7 +287,7 @@ fieldset>div.status>div.item { padding:var(--input-padding); height:31px; } fieldset>div.status>div.item>label { font-size:var(--status-font-size); cursor:pointer; } fieldset>div.status>div.item>span { margin-left:var(--input-padding); } fieldset>div.status>legend { font-style:italic; height:31px; } -legend, select, input[type=button], table.content td, th, h1, h2, h3, div.item, div.tabs, div.menu { cursor:pointer; } div.story[data-type=spark] { cursor:copy; } +legend, select, input[type=button], th, h1, h2, h3, div.item, div.tabs, div.menu { cursor:pointer; } div.story[data-type=spark] { cursor:copy; } body table.content { font-family:var(--table-font-family); } body div.code { font-family:var(--table-font-family); } body div.tabs { font-family:var(--code-font-family); } @@ -296,6 +309,7 @@ body.windows form.option>div.item.icon.refresh { font-size:24px; line-height:28p body.windows form.option>div.item.icon.goback { font-size:24px; line-height:28px; } div.item.text { position:relative; } div.item.text>input { width:var(--input-width); height:var(--action-height); } +/* div.item.text:hover>input { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } */ div.item.text.id>input { width:var(--button-width); } div.item.text.url>input { width:var(--river-width); } div.item.text.line>input { width:var(--button-width) !important; } @@ -414,14 +428,20 @@ div.profile:not(.toggle) { border-left:var(--box-border); width:50%; flex:0 0 50 div.display:not(.toggle) { border-top:var(--box-border); } /* output style */ div.title>div.status { line-height:20px; } -div.title>div.status>div.item { color:var(--disable-fg-color); font-size:var(--status-font-size); font-weight:normal; float:left; margin-right:var(--button-margin); } +div.title>div.status>div.item { font-size:var(--status-font-size); font-weight:normal; float:left; margin-right:var(--button-margin); } +div.title>div.status>div.item:not(:hover) { color:var(--disable-fg-color); } div.title>div.status>div.item>i { margin-right:var(--input-margin); } body.mobile div.output.card { overflow-x:hidden; } div.output.card>div.item { - background-color:var(--plugin-bg-color); padding:var(--plugin-padding); margin:var(--plugin-padding); + background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); + padding:var(--plugin-padding); margin:var(--plugin-padding); border:var(--box-border); border-radius:var(--plugin-radius); box-shadow:var(--box-shadow); min-width:320px; position:relative; float:left; } +div.output.card>div.item:hover { + background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); + box-shadow:var(--notice-bg-color) 2px 2px 8px; +} 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); border-bottom:var(--box-border); 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; } @@ -464,7 +484,7 @@ fieldset>div.status>legend>span.remove:hover { background-color:var(--hover-bg-c fieldset>div.status>legend:not(:hover)>span.remove { visibility:hidden; } fieldset>div.status>legend:not(:hover):not(.select) { background-color:unset; border-radius:0; } /* theme */ -legend { background-color:var(--legend-bg-color); border-radius:var(--button-radius); } +legend { background-color:var(--legend-bg-color); color:var(--legend-fg-color); border-radius:var(--button-radius); } legend:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } textarea:hover { border:var(--box-notice); } textarea:focus { border:var(--box-notice); } @@ -482,12 +502,12 @@ input[type=button].danger:hover { background-color:var(--danger-bg-color); color input[type=button].notice:hover { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } input[type=button].danger { border:var(--danger-bg-color) solid 1px; } input[type=button].notice { border:var(--notice-bg-color) solid 1px; } -table.content tr:hover { background-color:var(--tr-hover-bg-color) !important; } -table.content tr.select { background-color:var(--tr-hover-bg-color); } +table.content tr:hover { background-color:var(--tr-hover-bg-color) !important; color:var(--hover-fg-color); } +table.content tr.select { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); } table.content th { background-color:var(--th-bg-color); color:var(--th-fg-color); } -table.content td:hover { background-color:var(--td-hover-bg-color); } -table.content td.select { background-color:var(--td-hover-bg-color); } -table.content.action tr:hover td:last-child { background-color:var(--th-bg-color); box-shadow:var(--box-shadow); } +table.content td:hover { background-color:var(--td-hover-bg-color); color:var(--hover-fg-color); } +table.content td.select { background-color:var(--td-hover-bg-color); color:var(--hover-fg-color); } +table.content.action tr:hover td:last-child:not(:hover) { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); box-shadow:var(--box-shadow); } table.content.detail td:first-child { text-align:center; min-width:80px; padding:var(--table-padding) 0; } table.content.detail td { min-width:80px; padding:var(--table-padding) 0; } table.content input { box-shadow:var(--box-shadow); } @@ -529,7 +549,6 @@ fieldset>div.output { background-color:var(--output-bg-color); } fieldset>div.status { border-top:var(--status-border); } fieldset.panel:not(.main) { background-color:var(--panel-bg-color); color:var(--panel-fg-color); } fieldset.panel:not(.main)>div.output { background-color:var(--panel-output-bg-color); color:var(--panel-output-fg-color); } -fieldset.panel:not(.main)>div.output a { color:var(--panel-output-fg-color); } fieldset.panel:not(.main):not(.auto) div.item:hover { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); } fieldset.panel:not(.main):not(.auto) div.item.select { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); } fieldset.panel:not(.main):not(.auto) input { background-color:var(--panel-input-bg-color); color:var(--panel-input-fg-color); } @@ -537,6 +556,7 @@ fieldset.panel:not(.main):not(.auto) input:hover { background-color:var(--panel- fieldset.panel:not(.main):not(.auto) input::placeholder { background-color:var(--panel-input-bg-color); color:var(--disable-fg-color); } fieldset.panel.auto { background-color:var(--panel-bg-color); color:var(--panel-fg-color); } fieldset.panel.auto>div.output { background-color:var(--panel-bg-color); color:var(--panel-fg-color); } +fieldset.panel.main>div.output { background-color:var(--action-output-bg-color); } fieldset:not(.panel) { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); } fieldset:not(.panel):not(.full):not(.cmd) { border-radius:var(--plugin-radius); box-shadow:var(--box-shadow); } fieldset.input div.output { background-color:var(--plugin-bg-color); } @@ -545,7 +565,7 @@ fieldset.input td:hover { background-color:var(--td-hover-bg-color); } fieldset.input>span.close { padding:var(--input-padding); position:absolute; top:var(--input-padding); right:var(--input-padding); } fieldset.input>span.close:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); cursor:pointer; } div.float { background-color:var(--float-bg-color); color:var(--float-fg-color); } -div.carte div.item { background-color:var(--carte-bg-color); } +div.carte div.item { background-color:var(--carte-bg-color); color:var(--carte-fg-color); } 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); } @@ -595,7 +615,6 @@ body.print div.zone>div.item { background-color:lightgray; color:black; } body.print table.content th { background-color:lightgray; } body.print table.content.action td:last-child { background-color:lightgray; } body.print table.content td.select { background-color:lightgray; } -body.print a { color:black; } body.print div.story[data-type=spark] { background-color:lightgray; } body.print fieldset.panel { background-color:white; color:black; } body.print fieldset.panel.Footer>div.output div.toast { background-color:lightgray; } @@ -702,6 +721,7 @@ fieldset.cmd>div.status>legend.select { border-top:var(--notice-bg-color) solid fieldset.cmd>div.output>div.project div.item.select { border-right:var(--notice-bg-color) solid 4px; } fieldset.Search div.story[data-type=spark] { margin:0; } fieldset.Search>div.output>div.profile { border-left:none; width:unset; } +fieldset.Search>div.output>div.content>table.content td { cursor:pointer; } fieldset.Action.tabs table.content { width:100%; } fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full):not(.cmd) { padding:var(--plugin-padding); margin:var(--plugin-margin); box-shadow:var(--box-shadow); } fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full):not(.cmd)>legend { float:none; } diff --git a/lib/page.js b/lib/page.js index 06ace147..913ead68 100644 --- a/lib/page.js +++ b/lib/page.js @@ -15,7 +15,8 @@ Volcanos("page", { }, SelectArgs: function(can, target, key, cb) { if (can.base.isUndefined(target)) { return can.page.SelectArgs(can, can._option, "").concat(can.page.SelectArgs(can, can._action, "")) } - if (can.base.isUndefined(key)) { var value = {}; can.page.SelectArgs(can, target, "", function(item) { item.name && item.value && (value[item.name] = item.value) }); return [value] } + // if (can.base.isUndefined(key)) { var value = {}; can.page.SelectArgs(can, target, "", function(item) { item.name && item.value && (value[item.name] = item.value) }); return [value] } + if (can.base.isUndefined(key)) { var value = {}; can.page.SelectArgs(can, target, "", function(item) { item.name && (value[item.name] = item.value||"") }); return [value] } if (can.base.isObject(key)) { return can.core.Item(key, function(key, value) { can.page.SelectArgs(can, target, key, value) }), [key] } if (!can.base.isFunc(cb)) { var value = cb; cb = function(target) { can.base.isUndefined(value) || can.page.Select(can, target.parentNode, "span.value", function(target) { target.innerText = value }) diff --git a/panel/action.css b/panel/action.css index fbe25272..ac84334b 100644 --- a/panel/action.css +++ b/panel/action.css @@ -6,7 +6,8 @@ fieldset.Action.tabs>div.action { display:block; } fieldset.Action.tabs>div.output>fieldset>legend { display:none; } fieldset.Action.tabs>div.output>fieldset.plugin:not(.select) { display:none; } fieldset.Header div.Action { display:contents; } -fieldset.Action.tabview:not(.cmd)>div.output>fieldset.plugin>legend { float:left !important; background-color:transparent; } +/* fieldset.Action.tabview:not(.cmd)>div.output>fieldset.plugin>legend { float:left !important; background-color:transparent; } */ +fieldset.Action.tabview:not(.cmd)>div.output>fieldset.plugin>legend { float:left !important; } fieldset.Action.tabview>div.output>fieldset.plugin:not(.select) { display:none; } fieldset.Action.vertical>div.output>fieldset.plugin { float:left; } fieldset.Action.horizon>div.output>fieldset.plugin { float:left; }