From 30c19f8e332dc4a1ab40ed2e5e5f2db2b05155fc Mon Sep 17 00:00:00 2001 From: shy Date: Fri, 19 Apr 2024 12:34:06 +0800 Subject: [PATCH] add some --- index.css | 163 +++++++++++++++------------------- panel/footer.css | 4 +- panel/river.css | 4 +- panel/search.css | 2 +- plugin/local/code/inner.css | 2 +- plugin/local/code/vimer.css | 4 +- plugin/local/code/vimer.js | 1 + plugin/local/mall/goods.css | 6 +- plugin/local/team/plan.css | 2 +- plugin/local/wiki/feel.js | 3 +- plugin/local/wiki/word.css | 1 + plugin/state.js | 2 +- plugin/story/json.js | 12 +-- plugin/story/studiolayout.css | 9 +- plugin/story/studiolayout.js | 6 +- plugin/table.js | 4 +- 16 files changed, 102 insertions(+), 123 deletions(-) diff --git a/index.css b/index.css index 9e11e233..4012337b 100644 --- a/index.css +++ b/index.css @@ -36,17 +36,13 @@ body { --panel-hover-bg-color:var(--hover-bg-color); --panel-hover-fg-color:var(--hover-fg-color); --action-output-bg-color:var(--output-bg-color); - --box-shadow:var(--body-fg-color) 0px 0px 10px; - --notice-box-shadow:var(--notice-bg-color) 0px 0px 10px; + --box-shadow:var(--body-fg-color) 0px 0px 10px; --notice-box-shadow:var(--notice-bg-color) 0px 0px 10px; --plugin-box-shadow:var(--box-shadow); --legend-box-shadow:var(--box-shadow); --input-box-shadow:var(--box-shadow); - --th-box-shadow:var(--box-shadow); - --keyword-box-shadow:var(--box-shadow); + --th-box-shadow:var(--box-shadow); --keyword-box-shadow:var(--box-shadow); --box-border:var(--disable-fg-color) solid 1px; --box-notice:var(--notice-bg-color) solid 1px; --box-danger:var(--danger-bg-color) solid 1px; --box-border3:var(--disable-fg-color) solid 3px; --box-notice3:var(--notice-bg-color) solid 3px; --box-danger3:var(--danger-bg-color) solid 3px; - --plugin-border-color:var(--box-border); --input-border:var(--box-border); --status-border:var(--box-border); - --code-border-color:var(--notice-bg-color); + --plugin-border:var(--box-border); --input-border:var(--box-border); --status-border:var(--box-border); --plugin-radius:var(--plugin-padding); --button-radius:var(--input-padding); - --plugin-border:var(--box-border); --plugin-padding:10px; --plugin-margin:var(--plugin-padding); --legend-padding:20px; --legend-margin:20px; --title-margin:var(--legend-padding); @@ -97,7 +93,6 @@ body.width6 { /* 1920-2240 显示器 */ } /* element */ * { box-sizing:border-box; padding:0; border:0; margin:0; tab-size:4; } -fieldset.plugin>legend { margin-right:var(--legend-margin); } legend { padding:0 var(--legend-padding); } select { padding:0 var(--button-padding); } input:not([type=file]) { padding:0 var(--button-padding); } @@ -119,7 +114,6 @@ table.content.detail td:first-child { background-color:var(--plugin-bg-color); p table.content.detail td i { display:none; } table.content.detail td { white-space:break-spaces; } table.content.detail tr.action { background-color:var(--plugin-bg-color); position:sticky; bottom:0; } -table.content.detail tr.action td { box-shadow:var(--th-box-shadow); } table.content.detail tr.action input.icons { display:none; } table.content.detail tr.action i { display:unset; } table.content:not(.detail) td input.icons { display:none; } @@ -175,10 +169,10 @@ body.en span[lang^=zh] { display:none; } body.zh span[lang^=en] { display:none; div.project div.action { width:100%; } div.project div.list { margin-left:var(--button-margin); clear:both; } div.project div.list fieldset { position:static; } -div.project div.item:not(.hide) { white-space:pre; line-height:24px; padding:0 var(--button-margin); display:flex; align-items:center; } +div.project div.item:not(.hide) { font-family:var(--code-font-family); white-space:pre; line-height:24px; padding:0 var(--button-margin); display:flex; align-items:center; } div.project div.item img { height:var(--action-height); width:var(--action-height); } div.project div.item img { margin:0; } -div.project input:not([type=button]) { border-right:0; } +div.project div.item input:not([type=button]) { border-right:0; } div.project div.item.filter { padding:0; width:100%; position:sticky; top:0; } div.project div.item.filter>input { padding:0 25px; width:100% !important; } div.project div.item.search { padding:0; width:100%; } @@ -254,20 +248,15 @@ 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; border-top:unset; } fieldset.input.date>div.status>div.today { padding:var(--input-padding); } -fieldset.input.float { padding:0; } +fieldset.input.float { border-radius:0; padding:0; } fieldset.input.float table.content th { padding:var(--input-padding); } fieldset.input.float table.content td { padding:var(--input-padding); } /* float */ body div.float { padding:var(--plugin-padding); } -fieldset.Action>div.toast { height:fit-content; width:fit-content; overflow:auto; - position:absolute; right:var(--plugin-margin); - bottom:calc(var(--footer-height) + var(--action-height) + var(--plugin-margin)); -} -body.mobile fieldset.Action>div.toast { - bottom:calc(var(--footer-height) + var(--action-height)); -} -body.mobile fieldset.Action>div.toast>div.toast { margin-bottom:10px; } +fieldset.Action>div.toast { height:fit-content; width:fit-content; overflow:auto; position:absolute; right:var(--plugin-margin); bottom:calc(var(--footer-height) + var(--action-height) + var(--plugin-margin)); } fieldset.Action>div.toast>div.toast { background-color:var(--plugin-bg-color); border:var(--plugin-border); margin:var(--plugin-margin); position:static; transition:all 1s; } +body.mobile fieldset.Action>div.toast { bottom:calc(var(--footer-height) + var(--action-height)); } +body.mobile fieldset.Action>div.toast>div.toast { margin-bottom:10px; } div.toast.float>div.title { color:var(--notice-bg-color); font-style:italic; white-space:pre; padding:0 var(--input-padding); max-width:300px; overflow:auto; float:left; cursor:copy; } div.toast.float>div.close { color:var(--notice-bg-color); float:right; cursor:pointer; margin-top:-3px; } div.toast.float>div.close:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } @@ -285,7 +274,6 @@ div.toast.float div.action>div.item input { padding:0 20px; } div.toast.float div.action>div.item.danger input { border:var(--box-danger); } div.toast.float div.action>div.item.notice input { border:var(--box-notice); } div.toast.float div.action>div.item.open input { border:var(--box-notice); } -body>div.float { border:var(--plugin-border); } body>div.carte { padding:0; } body>div.carte input[name=filter] { margin:var(--input-margin); width:calc(100% - 10px); position:sticky; top:var(--input-margin); } body>div.carte div.item { white-space:pre; padding:var(--button-padding); } @@ -337,8 +325,8 @@ body>div.input.login>div.action { border-bottom:var(--box-border); flex-directio body>div.input.login>div.action>div.tabs { padding:var(--button-padding); } body>div.input.login>div.action>div.tabs.select { color:unset; } body>div.input.login>div.output { text-align:center; min-height:var(--qrcode-height); min-width:var(--iframe-height); overflow:hidden; clear:both; } -body>div.input.login>div.output>fieldset>div.output { background-color:transparent; } body>div.input.login>div.output>fieldset { box-shadow:unset; } +body>div.input.login>div.output>fieldset>div.output { background-color:transparent; } body>div.input.login>div.display { padding-top:var(--button-padding); width:100%; flex-direction:column; } body>div.input.login>div.display>label { color:var(--disable-fg-color); font-style:italic; font-size:var(--status-font-size); } body>div.input.login>div.display>span.item { font-style:italic; word-break:break-all; border-left:var(--box-notice3); padding-left:var(--button-padding); margin:var(--button-margin) 0; } @@ -391,8 +379,9 @@ body { background-color:var(--body-bg-color); color:var(--body-fg-color); } body.cmd { background-color:var(--plugin-bg-color); } legend { background-color:var(--legend-bg-color); color:var(--legend-fg-color); } legend:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } +textarea { border:var(--box-border); background-color:var(--input-bg-color); color:var(--input-fg-color); } textarea:hover { border:var(--box-notice); } textarea:focus { border:var(--box-notice); } -textarea { background-color:var(--input-bg-color); color:var(--input-fg-color); } +select { border-radius:var(--button-radius); } input { background-color:var(--input-bg-color); color:var(--input-fg-color); } input:not([type=button]) { border:var(--input-border); } input:not([type=button]):hover { border:var(--box-notice); } @@ -401,10 +390,6 @@ input.disable { color:var(--disable-fg-color) !important; border:unset !importan input.select[type=button]:hover { border:var(--box-notice); } input.select[type=button]:focus { border:var(--box-notice); } input.select[type=button] { border:var(--input-border); padding:0 var(--button-padding); } -fieldset.plug>form.option input { border-top:0; } -fieldset.plug>div.action input { border-top:0; } -fieldset.story>form.option input { border-top:0; } -fieldset.story>div.action input { border-top:0; } input[type=button] { border:var(--input-border); border-radius:var(--button-radius); } input[type=button]:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } input[type=button].danger:hover { background-color:var(--danger-bg-color); color:var(--danger-fg-color); } @@ -425,7 +410,7 @@ table.content td i:hover { background-color:var(--hover-bg-color); color:var(--h table.content td.action { background-color:var(--th-bg-color); color:var(--th-fg-color); } table.content.checkbox td:first-child { background-color:var(--th-bg-color); } table.content:hover td.option:not(:hover) { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); } -hr, td.hr { border-bottom:var(--plugin-border-color) dashed 1px; margin:var(--input-margin); } +hr, td.hr { border-bottom:var(--box-border); margin:var(--input-margin); } h1:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } h2:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } h3:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } @@ -441,8 +426,13 @@ div.item.button.danger input:hover[type=button] { background-color:var(--danger- div.item.button.notice input:hover[type=button] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } div.item.button.danger input { border:var(--box-danger); } div.item.button.notice input { border:var(--box-notice); } -div.action div.tabs:hover { background-color:var(--hover-bg-color); } div.action div.tabs.select { background-color:var(--output-bg-color); border-top:var(--box-notice3); } +fieldset.vimer>div.action div.tabs.select { border-top:var(--box-border3); } +fieldset.vimer.normal>div.action div.tabs.select { border-top:var(--box-notice3); } +fieldset.vimer.insert>div.action div.tabs.select { border-top:var(--box-danger3); } +fieldset.vimer.insert>legend { border-top:var(--box-danger3) !important; } +fieldset.plugin.vimer>legend { margin-right:31px; } +div.action div.tabs:hover { background-color:var(--hover-bg-color); } div.zone>div.item { background-color:var(--th-bg-color); } div.zone>div.list>div.zone>div.item { background-color:var(--th-bg-color); } div.tabs div { background-color:var(--plugin-bg-color); } @@ -478,67 +468,59 @@ div.carte div.item:hover { background-color:var(--hover-bg-color); } div.carte div.item.notice:hover { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } div.carte div.item.danger:hover { background-color:var(--danger-bg-color); color:var(--danger-fg-color); } /* z-index */ -fieldset.Action>div.toast { z-index:11; } -body>div.toast.float { z-index:11; } -div.carte.float { z-index:11; } -div.input.float { z-index:10; } -fieldset.input.float { z-index:10; } -fieldset.full, fieldset.auto { z-index:10; } -fieldset.float { z-index:8; } -table.content thead { z-index:2; } +table.content.action td:last-child { z-index:1; } +table.content.checkbox td:first-child { z-index:1; } table.content.checkbox th:first-child { z-index:2; } -/* border */ -textarea { border:var(--box-border); } -table.content th.select { border:var(--box-notice); } -table.content input { border:var(--box-border); border-radius:var(--button-radius); } -div.output.card>div.item { border:var(--box-border); border-radius:var(--plugin-radius); } -div.output.card>div.item>div.title { border-bottom:var(--box-border); } -div.project:not(.toggle) { border-right:var(--box-border); } -div.profile:not(.toggle) { border-left:var(--box-border); } -div.display:not(.toggle) { border-top:var(--box-border); } -fieldset>div.status { border-top:var(--status-border); } -/* border-radius */ -fieldset.output>div.output { border-radius:var(--plugin-radius); } -/* fieldset.plugin:not(.cmd) { border:var(--plugin-border); border-radius:var(--plugin-radius); } */ -fieldset.plug { border:var(--plugin-border); border-radius:var(--plugin-radius); } -fieldset.input { border:var(--plugin-border); } -fieldset.plugin>legend { border-top-left-radius:var(--plugin-radius); } -fieldset.story { border:var(--plugin-border); border-radius:var(--plugin-radius); } -fieldset.story>legend { border-top-left-radius:var(--plugin-radius); } -body.mobile legend { border-top-right-radius:var(--plugin-radius); } -select { border-radius:var(--button-radius); } -fieldset>form.option>div.item.select { border-radius:var(--button-radius); } -fieldset>form.option>div.item.button { border-radius:var(--button-radius); } -fieldset>div.action div.item.button { border-radius:var(--button-radius); } -fieldset>div.action>div.item.button:last-child { margin-right:var(--button-margin); } -fieldset>div.action div.item.select:not(.button):not(.cmds) { border-radius:var(--button-radius); border-bottom:var(--box-notice3); } -fieldset:not(.input):not(.panel):not(.full):not(.cmd) { border-radius:var(--plugin-radius); } -fieldset>div.status>legend:not(:hover):not(.select) { border-radius:0; } -div.plug legend { border-radius:0; } +table.content thead { z-index:2; } +fieldset.float { z-index:5; } +fieldset.float.select { z-index:9; } +fieldset.full, fieldset.auto { z-index:10; } +fieldset.input.float { z-index:10; } +div.input.float { z-index:10; } +div.carte.float { z-index:11; } +body>div.toast.float { z-index:12; } +fieldset.Action>div.toast { z-index:12; } +fieldset.web.chat.macos.desktop.cmd>div.output>fieldset.macos.dock { z-index:10; } + +/* fieldset.float { z-index:8; } */ /* box-shadow */ -fieldset>legend { box-shadow:var(--legend-box-shadow); } -body.mobile fieldset>legend { box-shadow:none; } -body.mobile fieldset.plugin>legend>span { display:block; float:right; } -fieldset>form.option>div.item:not(.icon) { box-shadow:var(--input-box-shadow); } +div.float { box-shadow:var(--plugin-box-shadow); border:var(--plugin-border); } +div.float:hover { box-shadow:var(--notice-box-shadow); } +fieldset.plugin { box-shadow:var(--plugin-box-shadow); border-radius:var(--plugin-radius); } +fieldset.story { box-shadow:var(--plugin-box-shadow); border-radius:var(--plugin-radius); } +fieldset.float { box-shadow:var(--plugin-box-shadow); border:var(--plugin-border); border-radius:var(--plugin-radius); } +fieldset:not(.panel):hover { box-shadow:var(--notice-box-shadow); } +fieldset.plugin>legend { box-shadow:var(--legend-box-shadow); border-top-left-radius:var(--plugin-radius); margin-right:var(--legend-margin); } +fieldset.story>legend { box-shadow:var(--legend-box-shadow); border-top-left-radius:var(--plugin-radius); margin-right:var(--legend-margin); } +fieldset.float>form.option input { border-top:0; } +fieldset.float>div.action input { border-top:0; } +fieldset>form.option div.item:not(.icon) { box-shadow:var(--input-box-shadow); } +fieldset>form.option div.item.select { border-radius:var(--button-radius); } +fieldset>form.option div.item.button { border-radius:var(--button-radius); } +fieldset>div.action div.item.button { border-radius:var(--button-radius); } +fieldset>div.action div.item.button:last-child { margin-right:var(--button-margin); } +fieldset>div.action div.item.select:not(.button) { border-bottom:var(--box-notice3); } fieldset>div.action div.item:not(.state) { box-shadow:var(--input-box-shadow); } -body:not(.mobile) fieldset.plugin>div.action div.item:first-child { margin-left:var(--button-margin); } -body:not(.mobile) fieldset.story>div.action div.item:first-child { margin-left:var(--button-margin); } fieldset>div.action>div.tabs { box-shadow:var(--legend-box-shadow); } fieldset>div.action>div.cmds { box-shadow:var(--legend-box-shadow); } -fieldset>div.status>legend { box-shadow:var(--legend-box-shadow); } -table.content th { box-shadow:var(--th-box-shadow); } -table.content.action td:last-child { box-shadow:var(--th-box-shadow); } -table.content input { background-color:var(--th-bg-color); } -div.output.card>div.item { box-shadow:var(--th-box-shadow); } -div.output.card>div.item:hover { box-shadow:var(--notice-box-shadow); } -div.output.card>div.item>div.action>input { box-shadow:var(--input-box-shadow); } -fieldset:not(.panel):not(.full):not(.cmd) { box-shadow:var(--plugin-box-shadow); } -fieldset:not(.panel):not(.full):not(.cmd):hover { box-shadow:var(--notice-box-shadow); } -body>div.carte:hover { box-shadow:var(--notice-box-shadow); } -body>div.input:hover { box-shadow:var(--notice-box-shadow); } +fieldset>div.output.card>div.item { box-shadow:var(--th-box-shadow); border:var(--plugin-border); border-radius:var(--plugin-radius); } +fieldset>div.output.card>div.item:hover { box-shadow:var(--notice-box-shadow); } +fieldset>div.output.card>div.item>div.title { border-bottom:var(--box-border); } +fieldset>div.output.card>div.item>div.action>input { box-shadow:var(--input-box-shadow); } +fieldset>div.status { border-top:var(--status-border); } fieldset.Action>div.toast>div.toast:hover { box-shadow:var(--notice-box-shadow); } -div.float { box-shadow:var(--plugin-box-shadow); } -div.float:hover { box-shadow:var(--notice-box-shadow); } +table.content th { box-shadow:var(--th-box-shadow); } +table.content th.select { border:var(--box-notice); } +table.content.action td:last-child { box-shadow:var(--th-box-shadow); } +table.content.detail tr.action td { box-shadow:var(--th-box-shadow); } +table.content input { border:var(--box-border); border-radius:var(--button-radius); background-color:var(--th-bg-color); } +div.project:not(.toggle) { border-right:var(--box-border); overflow-x:hidden; } +div.profile:not(.toggle) { border-left:var(--box-border); } +div.display:not(.toggle) { border-top:var(--box-border); } +body.mobile fieldset>legend { box-shadow:none; border-top-right-radius:var(--plugin-radius); } +body.mobile fieldset.plugin>legend>span { display:block; float:right; } +body:not(.mobile) fieldset.plugin>div.action div.item:first-child { margin-left:var(--button-margin); } +body:not(.mobile) fieldset.story>div.action div.item:first-child { margin-left:var(--button-margin); } /* font */ body.windows { --code-font-family:"Courier New"; } body { font-family:var(--body-font-family); } @@ -585,8 +567,8 @@ fieldset>div.status { font-family:var(--status-font-family); font-style:italic; fieldset>div.status>div.item { padding:var(--input-padding); height:30px; } fieldset>div.status>div.item>label { font-size:var(--status-font-size); } fieldset>div.status>div.item>span { margin-left:var(--input-padding); } -fieldset>div.status>legend { font-style:italic; border-left:var(--box-border3); padding:0 var(--button-padding); height:30px; } -fieldset>div.status>legend.select { border-left:var(--box-notice3); border-radius:0; } +fieldset>div.status>legend { font-style:italic; padding:0 var(--button-padding); height:30px; } +fieldset>div.status>legend.select { border-bottom:var(--box-notice3); } fieldset.plug>div.status { height:31px; } /* icon */ i.bi.bi-toggle-on { color:var(--notice-bg-color); } @@ -618,7 +600,8 @@ div.item.text.line>input { width:80px; } div.item.text.limit>input { width:var(--button-width); } div.item.text.offend>input { width:var(--button-width); } body:not(.width2) fieldset.plugin>form.option>div.item.text.path>input { width:var(--project-width); } -body:not(.width2) fieldset.plugin>div.action>div.item.text.filter>input { width:var(--project-width); } +body:not(.width2) fieldset.plugin>div.action>div.item.text.filter>input { width:var(--input-width); transition:all 1.2s; } +body:not(.width2) fieldset.plugin>div.action>div.item.text.filter>input:focus { width:var(--project-width); transition:all 0.5s; } div.item.text.will>input { border:var(--box-notice); } div.item.text>i:first-child { color:var(--disable-fg-color); position:absolute; left:0; padding:var(--input-padding); } div.item.text:hover>i:first-child { color:unset; } @@ -771,12 +754,14 @@ body.print fieldset.draw div.output div.content svg { background-color:lightgray fieldset.Action>div.output>fieldset.ssh.cloud.profile { box-shadow:none; background-color:transparent; } fieldset.Action>div.output>fieldset.ssh.cloud.profile:hover { box-shadow:none; } fieldset.Action>div.output>fieldset.ssh.cloud.profile>div.output { background-color:transparent; } +fieldset.Action>div.output>fieldset.plugin>legend { border-top:var(--box-notice3); border-top-left-radius:0; } +fieldset.Action>div.output>fieldset.plugin>legend:not(:hover) { background-color:var(--output-bg-color); } /* fieldset.web.code.docker.studio>div.output>fieldset { margin:0; } */ fieldset.web.code.docker.studio>div.output>fieldset>legend { display:none; } fieldset.web.code.docker.studio>div.output>fieldset>form.option>div:first-child { margin-left:var(--button-margin); } -fieldset.web.chat.macos.desktop.cmd>div.output>fieldset.macos.dock { z-index:11; } fieldset.web.chat.wx.scan>div.output>table.content tr.expired { color:var(--disable-fg-color); } fieldset.web.chat.wx.ide>div.output>table.content tr.current { background-color:var(--hover-bg-color); } +fieldset.feel.play.float>div.output { justify-content:center; } fieldset.web.mall.region>div.output>table.content td:nth-child(3) { text-align:right; } fieldset.web.mall.region>div.output>table.content td:nth-child(4) { text-align:right; } fieldset.web.mall.region>div.output>table.content td:nth-child(5) { text-align:right; } @@ -909,7 +894,7 @@ div.output>fieldset.iframe.story>form.option>div.item.hash input { width:var(--u /* scrollbar */ div.scrollbar { background-color:var(--hover-bg-color); font-size:8px !important; line-height:10px; - border-radius:var(--plugin-radius); position:absolute; visibility:hidden; + border-radius:var(--button-radius); position:absolute; visibility:hidden; } div.scrollbar.vertical { writing-mode:tb; width:10px; right:0; top:0; transition:width .3s 1s; } div.scrollbar.vertical:hover { width:30px; transition:width .1s; font-size:24px !important; } diff --git a/panel/footer.css b/panel/footer.css index 314adfba..8a612021 100644 --- a/panel/footer.css +++ b/panel/footer.css @@ -6,7 +6,7 @@ fieldset.Footer>div.output div.state { font-family:var(--status-font-family); fl fieldset.Footer>div.output div.state label { font-size:var(--status-font-size); } fieldset.Footer>div.output div.toast { font-family:var(--status-font-family); line-height:18px; max-width:var(--url-input-width); overflow:auto; float:right; } fieldset.Footer>div.output div.cmd { padding:0; margin-left:20px; } -fieldset.Footer>div.output input[type=button] { background-color:transparent; } +fieldset.Footer>div.output input[type=button] { background-color:transparent; border:0; } fieldset.Footer>div.output div.cmd>input[name=cmd] { padding-left:30px; } fieldset.Footer>div.output div.menu>div.River { display:flex; justify-content:space-around; } fieldset.Footer>div.output div.menu>div.River>div.item { height:var(--footer-height); display:flex; flex-direction:column; text-align:center; flex-grow:1; } @@ -16,7 +16,7 @@ body.mobile fieldset.Footer>div.output { font-style:italic; height:var(--footer- body.mobile fieldset.Footer>div.output div.toast { display:none; } body.mobile fieldset.Footer>div.output div.cmd { display:none; } -.picker { box-shadow:0px 2px 10px 5px #626bd0 !important; } +.picker { box-shadow:#626bd0 0px 2px 10px 5px !important; } div.view span.string { color:#f29766; } div.view span.keyword { color:#5cadd4; } div.item:not(.string):not(.number):not(.boolean)>span.value { color:var(--disable-fg-color); font-style:italic; } diff --git a/panel/river.css b/panel/river.css index 3bfc34dc..63721865 100644 --- a/panel/river.css +++ b/panel/river.css @@ -1,12 +1,12 @@ fieldset.River { width:var(--river-width); float:left; position:relative; } fieldset.River>div.action:not(.hide) { margin-top:var(--plugin-margin); width:100%; position:absolute; } -fieldset.River>div.action div.item.notice input { border:none; } +fieldset.River>div.action div.item.notice input { border:0; } fieldset.River>div.action div.item:hover input { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } fieldset.River>div.output { transition:all .3s; } /* fieldset.River>div.output { display:flex; flex-direction:column; align-items:center; } */ fieldset.River>div.output div.item { font-family:var(--legend-font-family); padding:var(--legend-padding); border-left:#00ffae solid 3px; } -fieldset.River>div.output div.item:hover { color:var(--panel-hover-fg-color); } fieldset.River>div.output div.item.select { color:var(--panel-hover-fg-color); border-right:var(--box-notice3); } +fieldset.River>div.output div.item:hover { color:var(--panel-hover-fg-color); } fieldset.River>div.output div.item>i:first-child { margin-right:var(--button-margin); } fieldset.River>div.output div.list div.item { border-left:#ccdc4c solid 3px; } fieldset.River>div.output div.list { margin-left:var(--legend-padding); } diff --git a/panel/search.css b/panel/search.css index 3d6e3a70..0c4b64ab 100644 --- a/panel/search.css +++ b/panel/search.css @@ -1,3 +1,3 @@ -fieldset.Search { padding:var(--plugin-padding); box-shadow:unset; position:fixed; left:var(--project-width); top:var(--header-height); } +fieldset.Search { padding:var(--plugin-padding); position:fixed; left:var(--project-width); top:var(--header-height); } fieldset.Search>div.output>div.profile { max-width:unset; } fieldset.Search>div.output table.content { width:100%; } diff --git a/plugin/local/code/inner.css b/plugin/local/code/inner.css index 598492a6..1a623210 100644 --- a/plugin/local/code/inner.css +++ b/plugin/local/code/inner.css @@ -18,8 +18,8 @@ fieldset.inner>div.output>div.project div.zone.repos>div.list div.output>div.ite fieldset.inner>div.output>div.layout>div.tabs { font-size:var(--code-font-size); display:none; } fieldset.inner>div.output>div.layout>div.tabs>div:hover { background-color:unset; color:unset; box-shadow:unset; } fieldset.inner>div.output>div.layout>div.tabs>div.tabs>div.tabs { padding-right:0; margin-left:5px; } -fieldset.inner>div.output>div.layout>div.tabs>div.tabs>div.tabs:hover { background-color:var(--output-bg-color); color:unset; box-shadow:var(--legend-box-shadow); } fieldset.inner>div.output>div.layout>div.tabs>div.tabs>div.tabs.select { background-color:var(--output-bg-color); color:unset; border-top:var(--box-border3); box-shadow:var(--legend-box-shadow);} +fieldset.inner>div.output>div.layout>div.tabs>div.tabs>div.tabs:hover { background-color:var(--output-bg-color); color:unset; box-shadow:var(--legend-box-shadow); } fieldset.inner>div.output>div.layout>div.path { font-size:var(--code-font-size); display:none; } fieldset.inner.float>div.output>div.layout>div.path { font-size:var(--code-font-size); display:flex; } fieldset.Action.tabview fieldset.plugin.inner>div.output>div.layout>div.path { font-size:var(--code-font-size); display:flex; } diff --git a/plugin/local/code/vimer.css b/plugin/local/code/vimer.css index cd6e3b8d..771647ec 100644 --- a/plugin/local/code/vimer.css +++ b/plugin/local/code/vimer.css @@ -15,10 +15,8 @@ fieldset.vimer>div.output.normal>div.layout>div.tabs>div.tabs>div.tabs.select { fieldset.vimer>div.output.insert>div.layout>div.tabs>div.tabs>div.tabs.select { border-top:var(--box-danger3); } fieldset.vimer>div.output.normal>div.layout>div.path span.mode.normal { color:var(--notice-bg-color); } fieldset.vimer>div.output.insert>div.layout>div.path span.mode.insert { color:var(--danger-bg-color); } -/* fieldset.vimer>div.output.insert>div.project div.item.current { background-color:var(--danger-bg-color); color:var(--danger-fg-color); } */ -/* fieldset.vimer>div.output.normal>div.project div.item.current { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } */ -fieldset.vimer>div.output.insert>div.project div.item.current { background-color:var(--hover-bg-color); border-right:var(--box-danger3); } fieldset.vimer>div.output.normal>div.project div.item.current { background-color:var(--hover-bg-color); border-right:var(--box-notice3); } +fieldset.vimer>div.output.insert>div.project div.item.current { background-color:var(--hover-bg-color); border-right:var(--box-danger3); } fieldset.vimer>div.output.normal>div.project div.expand.open { color:var(--notice-bg-color); } fieldset.vimer>div.output.insert>div.project div.expand.open { color:var(--danger-bg-color); } div.input.vimer.open.float input[type=text] { width:100% !important; } diff --git a/plugin/local/code/vimer.js b/plugin/local/code/vimer.js index eaaf585d..d4c2febf 100644 --- a/plugin/local/code/vimer.js +++ b/plugin/local/code/vimer.js @@ -140,6 +140,7 @@ Volcanos(chat.ONKEYMAP, { can.db.mode = value, can.onimport.__tabPath(can, true), can.core.List([mdb.PLUGIN, mdb.NORMAL, mdb.INSERT], function(item) { can.page.ClassList.del(can, can.ui.content, item) }), can.page.ClassList.add(can, can.ui.content, value) can.core.List([mdb.PLUGIN, mdb.NORMAL, mdb.INSERT], function(item) { can.page.ClassList.del(can, can._output, item) }), can.page.ClassList.add(can, can._output, value) + can.core.List([mdb.NORMAL, mdb.INSERT], function(item) { can.page.ClassList.del(can, can._fields, item) }), can.page.ClassList.add(can, can._fields, value) }, _plugin: function(can) { can.onkeymap._model(can, mdb.PLUGIN), can.ui.current.blur() }, _normal: function(can) { can.onkeymap._model(can, mdb.NORMAL), can.onkeymap.scrollHold(can) }, diff --git a/plugin/local/mall/goods.css b/plugin/local/mall/goods.css index 5a2dc318..9a09b133 100644 --- a/plugin/local/mall/goods.css +++ b/plugin/local/mall/goods.css @@ -1,7 +1,9 @@ fieldset.goods>div.output>div.project { flex:0 0 90px; } -fieldset.goods>div.output>div.project>div.item { text-align:center; padding:20px 10px; border-right:var(--box-border3); } +fieldset.goods>div.output>div.project>div.item { border-right:var(--box-border3); text-align:center; padding:20px 10px; } fieldset.goods>div.output>div.project>div.item.select { border-right:var(--box-notice3); } -fieldset.goods>div.output>div.layout>div.layout>div.content>div.item:not(.hide) { border:var(--box-border); border-radius:var(--plugin-radius); background-color:var(--plugin-bg-color); margin:10px; float:left; } +fieldset.goods>div.output>div.layout>div.layout>div.content>div.item:not(.hide) { + box-shadow:var(--th-box-shadow); border:var(--plugin-border); border-radius:var(--plugin-radius); + background-color:var(--plugin-bg-color); margin:10px; float:left; } fieldset.goods>div.output>div.layout>div.layout>div.content>div.item>div { padding:10px; float:left; clear:none; } fieldset.goods>div.output>div.layout>div.layout>div.content>div.item>div.image { flex-grow:0; } fieldset.goods>div.output>div.layout>div.layout>div.content>div.item>div.image>img { height:120px; width:120px; } diff --git a/plugin/local/team/plan.css b/plugin/local/team/plan.css index 9f599d8e..6a827e4b 100644 --- a/plugin/local/team/plan.css +++ b/plugin/local/team/plan.css @@ -1,7 +1,7 @@ fieldset.plan>div.output td.content { position:relative; } fieldset.plan>div.output>div.layout>div.layout>div.content>table.content td { vertical-align:top; } fieldset.plan>div.output>div.layout>div.layout>div.content>table.content td.over { border:var(--box-danger); } -fieldset.plan>div.output>div.layout>div.layout>div.content>table.content td.select { background-color:var(--hover-bg-color); box-shadow:var(--input-box-shadow); } +fieldset.plan>div.output>div.layout>div.layout>div.content>table.content td.select { background-color:var(--hover-bg-color); box-shadow:var(--th-box-shadow); } fieldset.plan>div.output>div.layout>div.layout>div.content>table.content td:hover { background-color:var(--hover-bg-color); } fieldset.plan>div.output>div.layout>div.layout>div.content>table.content td.over { background-color:var(--hover-bg-color); } fieldset.plan>div.output>div.layout>div.layout>div.content>table.content td div { color:white; padding:10px; margin:10px; } diff --git a/plugin/local/wiki/feel.js b/plugin/local/wiki/feel.js index b989ad7a..9eed7ddf 100644 --- a/plugin/local/wiki/feel.js +++ b/plugin/local/wiki/feel.js @@ -139,8 +139,7 @@ Volcanos(chat.ONACTION, {list: ["full", }) Volcanos(chat.ONDETAIL, {list: ["关闭", "上一个", "下一个", "设置头像", "设置背景", "复制链接", "下载", "删除"], _init: function(can, index) { - can.onappend._init(can, {type: "story feel play float"}, [], function(sub) { can.sub = sub, sub._legend.onclick = can._legend.onclick - can.onappend.style(can, html.FLEX, sub._output) + can.onappend._init(can, {type: "story feel play float"}, [], function(sub) { can.sub = sub, sub._legend.innerHTML = can._legend.innerHTML, sub._legend.onclick = can._legend.onclick, can.onappend.style(can, html.FLEX, sub._output) can.getActionSize(function(msg, left, top, width, height) { sub.onappend._action(can, can.ondetail.list, sub._action, can.ondetail), sub.onappend._status(sub, ["begin", nfs.FILE]) sub.page.style(sub, sub._target, {left: left||0, top: top||0}), sub.page.style(sub, sub._output, html.HEIGHT, height-2*html.ACTION_HEIGHT, html.WIDTH, width) can.order = index, can.show = function(order) { path = can.onimport._file(can, can.db.list[order].path); var cb = can.onfigure[can.base.Ext(path)]||can.onfigure[wiki.IMAGE] diff --git a/plugin/local/wiki/word.css b/plugin/local/wiki/word.css index 331badaf..403f30b7 100644 --- a/plugin/local/wiki/word.css +++ b/plugin/local/wiki/word.css @@ -5,6 +5,7 @@ fieldset.word>div.output h2.story[data-type=spark][data-name=title] { text-align fieldset.word>div.output ul { margin:20px; } fieldset.word>div.output ul>li:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); cursor:pointer; } fieldset.word>div.output img { display:block; margin:auto; max-height:100%; max-width:100%; } +fieldset.word>div.output div.project img { margin:unset; } fieldset.word>div.output table.content img { margin:unset; max-width:unset; } fieldset.word>div.output table { width:100%; } fieldset.word>div.output video { max-height:100%; width:100%; } diff --git a/plugin/state.js b/plugin/state.js index 625ef5c4..0b2c297e 100644 --- a/plugin/state.js +++ b/plugin/state.js @@ -109,7 +109,7 @@ Volcanos(chat.ONIMPORT, { })[0] }, _size: function(can, height, width, auto, mode) {}, size: function(can, height, width, auto, mode) { typeof width == code.STRING && (width = can.base.ParseSize(width)) - can.Conf("_auto", auto), can.Mode(mode), can.ConfHeight(height), can.ConfWidth(width), height -= can.onexport.actionHeight(can)+can.onexport.statusHeight(can) + can.Conf("_auto", auto), can.Mode(mode), can.ConfHeight(height), can.ConfWidth(width), height -= can.onexport.actionHeight(can)+(can.onexport.statusHeight(can)||1) var padding = can.Conf("padding")||0, margin = can.Conf("margin")||0; height -= 2*padding, width -= 2*padding+2*margin auto || auto == undefined? (can.page.style(can, can._output, html.HEIGHT, "", html.WIDTH, "", html.MAX_HEIGHT, height, html.MAX_WIDTH, width), can.page.style(can, can._target, html.HEIGHT, "", html.WIDTH, "")): (can.page.style(can, can._output, html.HEIGHT, height, html.WIDTH, width, html.MAX_HEIGHT, "", html.MAX_WIDTH, ""), can.page.style(can, can._target, html.WIDTH, width)) diff --git a/plugin/story/json.js b/plugin/story/json.js index 9a00fa28..03d1a7a0 100644 --- a/plugin/story/json.js +++ b/plugin/story/json.js @@ -2,12 +2,12 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, target) { can.onmotion.clear( can.onappend.style(can, nfs.JSON, can._output), can.onimport.show(can, can.base.Obj(msg.Result(), {}), target, msg) }, show: function(can, data, target, msg) { - // if (data.append) { - // var msg = can.request(); msg.Copy(data), can.onappend.table(can, msg) - // msg._xhr = {responseText: msg.Result()} - // can.onmotion.delay(can, function() { can.onappend._status(can, msg) }) - // return - // } + if (data.append && !can.page.tagis(can._fields, "fieldset.float")) { + var msg = can.request(); msg.Copy(data), can.onappend.table(can, msg) + msg._xhr = {responseText: msg.Result()} + can.onmotion.delay(can, function() { can.onappend._status(can, msg) }) + return + } var hidden = data.detail && data.option function show(data, target, index, total) { var list switch (typeof data) { diff --git a/plugin/story/studiolayout.css b/plugin/story/studiolayout.css index cabff240..1d980d9b 100644 --- a/plugin/story/studiolayout.css +++ b/plugin/story/studiolayout.css @@ -1,15 +1,8 @@ -fieldset.studiolayout>div.output>div.project div.item { font-family:var(--code-font-family); border-left:var(--box-border3); } +fieldset.studiolayout>div.output>div.project div.item { border-left:var(--box-border3); } fieldset.studiolayout>div.output>div.project div.item.select { border-left:var(--box-notice3); } -fieldset.studiolayout>div.output>div.layout>div.layout>div.profile { overflow:hidden; } -fieldset.studiolayout>div.output>div.layout>div.layout>div.content { overflow:hidden; } -fieldset.studiolayout>div.output>div.layout>div.layout>div.profile>fieldset.story { box-shadow:none; border:0; border-radius:0; margin:0px; } -fieldset.studiolayout>div.output>div.layout>div.layout>div.content>fieldset.story { box-shadow:none; border:0; border-radius:0; margin:0px; } -fieldset.studiolayout>div.output>div.layout>div.display>fieldset.story { box-shadow:none; border:0; border-radius:0;, margin:0px; } fieldset.studiolayout>div.output>div.layout>div.display>fieldset.story>form.option>div.item.delete { display:none; } fieldset.studiolayout>div.output>div.layout>div.display>fieldset.story>form.option>div.item.sess { display:none; } fieldset.studiolayout>div.output>div.layout>div.display>fieldset.story>div.action>div.item.state { display:none; } -fieldset.studiolayout>div.output>div.layout>div.display>fieldset.story fieldset { border:0; } -fieldset.studiolayout>div.output>div.layout>div.display>fieldset.story fieldset>div.output { border-radius:0; } fieldset.studiolayout>div.output>div.layout>div.layout>div.profile>fieldset.story>form.option>div.item.delete { display:none; } fieldset.studiolayout>div.output>div.layout>div.layout>div.content>fieldset.story>form.option>div.item.delete { display:none; } fieldset.studiolayout>div.output>div.layout>div.layout>div.profile>fieldset.story>form.option>div.item.sess { display:none; } diff --git a/plugin/story/studiolayout.js b/plugin/story/studiolayout.js index dcde6b61..5718232e 100644 --- a/plugin/story/studiolayout.js +++ b/plugin/story/studiolayout.js @@ -42,10 +42,10 @@ Volcanos(chat.ONIMPORT, { }, layout: function(can) { can.ui.layout(can.ConfHeight(), can.ConfWidth(), 0, function(height, width) { - var height = can.ConfHeight(), width = (can.ConfWidth()-can.ui.project.offsetWidth-2), margin = 0 + var height = can.ConfHeight(), width = (can.ConfWidth()-can.ui.project.offsetWidth), margin = 0 can.ui._profile_plugin && (width /= 2), can.ui._display_plugin && (height /= 2) - can.ui._content_plugin && can.ui._content_plugin.onimport.size(can.ui._content_plugin, height-margin, width-margin, false) - can.ui._profile_plugin && can.ui._profile_plugin.onimport.size(can.ui._profile_plugin, height-margin, width-margin, false) + can.ui._content_plugin && can.ui._content_plugin.onimport.size(can.ui._content_plugin, height-margin, width-margin-1, false) + can.ui._profile_plugin && can.ui._profile_plugin.onimport.size(can.ui._profile_plugin, height-margin, width-margin-1, false) can.ui._display_plugin && can.ui._display_plugin.onimport.size(can.ui._display_plugin, height-margin-2, width*2-margin, false) }) }, diff --git a/plugin/table.js b/plugin/table.js index b5a9fe8c..8a158e6c 100644 --- a/plugin/table.js +++ b/plugin/table.js @@ -119,10 +119,10 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, target) { if (can.base.isFunc(cbs)) { var menu = cbs(event, ui._target); if (menu) { can.user.carteRight(event, can, menu.meta, menu.list, menu) } return } can.user.carteItem(event, can, item) } - var icon = item.icon||item.icons + var icon = item.icon||item.icons, nick = item.nick||item.name||item.zone||item.sess var ui = can.page.Append(can, target, [{view: [[html.ITEM, item.type, item.role, item.status]], list: [ icon && (can.base.contains(icon, ice.HTTP, ".ico", ".png", ".jpg")? {img: can.misc.Resource(can, icon)}: {icon: icon}), - {text: item.nick||item.name||item.sess||item.zone}], title: item.title, onclick: function(event) { + {text: nick}], title: item.title||nick, onclick: function(event) { can.onmotion.select(can, target, html.DIV_ITEM, event.currentTarget) cb(event, item, event.currentTarget._list && can.onmotion.toggle(can, event.currentTarget._list)) }, oncontextmenu: oncontextmenu,