From a7b1c954077db75d287d871aaeff5198cd90d49d Mon Sep 17 00:00:00 2001 From: shy Date: Fri, 1 Mar 2024 12:01:47 +0800 Subject: [PATCH] add some --- index.css | 22 ++++++++++++++++------ plugin/local/code/inner.css | 5 +++-- plugin/table.js | 4 ++-- 3 files changed, 21 insertions(+), 10 deletions(-) diff --git a/index.css b/index.css index 96df11de..f8a479d6 100644 --- a/index.css +++ b/index.css @@ -195,8 +195,13 @@ div.content>div.toggle.display { left:20%; bottom:-52px; rotate:90deg; border-to div.project:not(.toggle) { width:var(--project-width); flex:0 0 var(--project-width); } div.profile:not(.toggle) { width:50%; flex:0 0 50%; } /* fieldset */ -fieldset>div.action>div.online { display:block; margin-left:10px !important; } -fieldset>div.action>div.online { display:block; margin-right:10px !important; overflow:hidden; position:relative; } +fieldset>div.action>div.online { + margin-left:var(--button-margin) !important; display:block; +} +fieldset>div.action>div.item.online.state { + box-shadow:none; + margin-right:var(--button-margin) !important; display:block; overflow:hidden; position:relative; +} fieldset>div.action>div.online span { background-color:var(--hover-bg-color); color:var(--hover-fg-color); font-size:var(--status-font-size); position:absolute; bottom:0; } fieldset>div.action>div.online img { height:var(--action-height); transition:margin-right 1s; float:right; } fieldset>div.action>div.online img:hover { background-color:var(--hover-bg-color); } @@ -479,7 +484,7 @@ input[type=button] { 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:20px; } +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(--notice-bg-color) solid 3px; } 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; } @@ -551,8 +556,11 @@ fieldset.plug>div.status { height:31px; } i.bi.bi-toggle-on { color:var(--notice-bg-color); } i.bi.bi-toggle-on:hover { color:var(--notice-bg-color); } fieldset>legend>i { margin-right:var(--input-margin); } -form.option>div.item.icon { position:relative; height:30px; overflow:hidden; user-select:none; } -form.option>div.item.icon { font-size:var(--icon-font-size); padding:0 var(--input-padding); } +form.option>div.item.icon { overflow:hidden; position:relative; user-select:none; } +form.option>div.item.icon { + font-size:var(--icon-font-size); border-radius:var(--button-radius); box-shadow:var(--box-shadow); + padding:0 var(--input-padding); margin-right:var(--input-margin); height:var(--action-height); +} form.option>div.item.icon.menu { font-size:28px; line-height:26px; display:flex; align-items:flex-start; display:none; } form.option>div.item.icon.refresh { font-size:28px; line-height:26px; display:flex; align-items:flex-start; } form.option>div.item.icon.goback { font-size:28px; line-height:26px; display:flex; align-items:flex-start; } @@ -581,6 +589,7 @@ div.item.text:hover>i:first-child { color:unset; } div.item.text>span.icon { font-size:var(--icon-font-size); padding:var(--input-padding); position:absolute; right:0; visibility:hidden; } div.item.text:hover>span.icon { visibility:visible; } div.item.button { position:relative; height:var(--action-height); } +div.item.button.icons.state { margin-right:var(--input-margin); } div.item.button.icons>i { font-size:20px; padding:var(--input-padding); } div.item.button>span.icon { font-size:var(--icon-font-size); padding:0 var(--input-padding); } div.item.button.select>span.icon { padding:var(--input-padding); visibility:hidden; position:absolute; right:0; } @@ -592,7 +601,8 @@ div.item.button.create>span.icon { font-size:28px; line-height:26px; height:var( div.item.button.insert>span.icon { font-size:28px; line-height:26px; height:var(--action-height); } div.item.button.refresh>span.icon { font-size:28px; line-height:26px; height:var(--action-height); } body.windows div.item.button.refresh>span.icon { font-size:22px; line-height:30px; } -div.item.button._space.icons { margin-left:var(--action-height); flex-grow:1; } +div.item.button._space.icons { flex-grow:1; } +// div.item.button._space.icons { margin-left:var(--action-height); flex-grow:1; } div.item.button._space.icons:hover { background-color:unset; cursor:unset; } fieldset.inner fieldset.story div.item.button._space.icons { margin-left:0; flex-grow:1; } div.tabs>span { font-style:italic; } diff --git a/plugin/local/code/inner.css b/plugin/local/code/inner.css index 621873ed..20d46143 100644 --- a/plugin/local/code/inner.css +++ b/plugin/local/code/inner.css @@ -51,14 +51,15 @@ fieldset.inner>div.output>div.layout>div.path>a { padding:var(--input-padding) v fieldset.inner>div.output>div.layout>div.path>a:hover { background-color:var(--hover-bg-color); } fieldset.inner>div.output>div.layout>div.path>span { padding:var(--input-padding); } fieldset.inner>div.output>div.layout>div.path>span:hover { background-color:var(--hover-bg-color); } -fieldset.inner>div.output>div.layout>div.path span.func { padding:var(--input-padding); margin-left:80px; } -fieldset.inner>div.output>div.layout>div.path span.mode { padding:var(--input-padding); margin-left:80px; } +fieldset.inner>div.output>div.layout>div.path span.func { padding:var(--input-padding); flex-grow:1; text-align:center; } +fieldset.inner>div.output>div.layout>div.path span.mode { padding:var(--input-padding); } body.width2 fieldset.inner>div.output>div.layout>div.path span.mode { display:none; } /* body.width2 fieldset.inner>div.output>div.layout>div.path span.mode { display:none; } */ body.mobile fieldset.inner>div.output>div.layout>div.path span.func { display:none; } body.mobile fieldset.inner>div.output>div.layout>div.path span.mode { display:none; } body:not(.mobile) fieldset.inner>div.output>div.layout>fieldset.plug { bottom:var(--action-height); } fieldset.inner>div.output>div.layout>div.path span.space { flex-grow:1; } +fieldset.inner>div.output>div.layout>div.path span.space:hover { background-color:unset; cursor:normal; } fieldset.inner>div.output>div.layout>div.path span.view { font-size:22px; padding:0 var(--input-padding); margin-top:-5px; float:right; } fieldset.inner>div.output>div.layout>fieldset.plug.output { white-space:pre; } /* fieldset.inner.cmd>div.output>div.layout>div.plug { height:var(--action-height); position:fixed; right:0; bottom:0; overflow:auto; } */ diff --git a/plugin/table.js b/plugin/table.js index ed519db3..b697f058 100644 --- a/plugin/table.js +++ b/plugin/table.js @@ -229,10 +229,10 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, target) { _online: function(can, delay) { can.onmotion.delay(can, function() { if (!can.ui.online) { if (can.isCmdMode()) { - can.ui.online = can.page.Append(can, can._action, ["item online"])._target + can.ui.online = can.page.Append(can, can._action, ["item online state"])._target } else { var p = can.page.SelectOne(can, can._action, "div.item._space"); p = p? p.nextSibling: p - can.ui.online = can.page.insertBefore(can, ["item online"], p, can._action) + can.ui.online = can.page.insertBefore(can, ["item online state"], p, can._action) } } can._root.Header.run(can.request({}, {_space: can.ConfSpace()||can.misc.Search(can, ice.POD), _index: can.ConfIndex()}), [ctx.ACTION, web.ONLINE], function(msg) {