diff --git a/page/index.css b/page/index.css index 872d72e9..144574ae 100644 --- a/page/index.css +++ b/page/index.css @@ -303,6 +303,7 @@ fieldset.output>div.status { } fieldset.float { background-color:#023531cf; + margin:0px; padding:0px; position:absolute; z-index:30; } diff --git a/plugin/local/code/inner.css b/plugin/local/code/inner.css index dbe082e0..8826755e 100644 --- a/plugin/local/code/inner.css +++ b/plugin/local/code/inner.css @@ -1,92 +1,92 @@ -fieldset.editor>div.action div.file { +fieldset.inner>div.action div.file { border:solid 2px red; padding:2px; float:left; cursor:pointer; } -fieldset.editor>div.action div.file.over { +fieldset.inner>div.action div.file.over { background-color:blue; } -fieldset.editor>div.action div.file.select { +fieldset.inner>div.action div.file.select { background-color:green; } -fieldset.editor>div.output { +fieldset.inner>div.output { color:white; } -fieldset.editor>div.output div.project { +fieldset.inner>div.output div.project { font-size:14px; font-family:monospace; max-width:180px; overflow:auto; } -fieldset.editor>div.output div.content { +fieldset.inner>div.output div.content { font-size:16px; font-family:monospace; overflow:auto; padding-right:25px; position:relative; color:white; } -fieldset.editor>div.output div.content table.layout { +fieldset.inner>div.output div.content table.layout { width:-webkit-fill-available; } -fieldset.editor>div.output div.content tr.select td.line { +fieldset.inner>div.output div.content tr.select td.line { border:solid 1px red; border-right:solid 2px red; background-color:blue; } -fieldset.editor>div.output div.content td.line:hover { +fieldset.inner>div.output div.content td.line:hover { background-color:green; } -fieldset.editor>div.output div.content td.line { +fieldset.inner>div.output div.content td.line { text-align:right; padding:0 6px; border-right:solid 2px red; } -fieldset.editor>div.output div.content td.text { +fieldset.inner>div.output div.content td.text { text-align:left; height:20px; padding-left:10px; white-space:pre; } -fieldset.editor>div.output div.content td.text span.comment { +fieldset.inner>div.output div.content td.text span.comment { color:cyan; background-color:blue; } -fieldset.editor>div.output div.content td.text span.keyword { +fieldset.inner>div.output div.content td.text span.keyword { color:yellow; font-weight:bold; } -fieldset.editor>div.output div.content td.text span.function { +fieldset.inner>div.output div.content td.text span.function { color:cyan; font-weight:bold; } -fieldset.editor>div.output div.content td.text span.datatype { +fieldset.inner>div.output div.content td.text span.datatype { color:lightgreen; font-weight:bold; } -fieldset.editor>div.output div.content td.text span.constant { +fieldset.inner>div.output div.content td.text span.constant { color:magenta; } -fieldset.editor>div.output div.content td.text span.string { +fieldset.inner>div.output div.content td.text span.string { color:magenta; } -fieldset.editor>div.output div.search { +fieldset.inner>div.output div.search { padding:6px; border:solid 1px red; } -fieldset.editor>div.output div.search div.tags { +fieldset.inner>div.output div.search div.tags { text-align:left; overflow:auto; } -fieldset.editor>div.output div.search div.tags table { +fieldset.inner>div.output div.search div.tags table { width:-webkit-fill-available; } -fieldset.editor>div.output div.search td>div { +fieldset.inner>div.output div.search td>div { max-height:100px; overflow:hidden; } -body.white fieldset.editor>div.output div.project { +body.white fieldset.inner>div.output div.project { color:#a2dad2; } -body.white fieldset.editor>div.output div.content { +body.white fieldset.inner>div.output div.content { background-color:#013b675c; } -body.white fieldset.editor>div.output div.content td.text span.string { +body.white fieldset.inner>div.output div.content td.text span.string { color:#a703a7; } -body.white fieldset.editor>div.output div.content tr { +body.white fieldset.inner>div.output div.content tr { background-color:#e1f1ff00; } diff --git a/plugin/local/code/vimer.css b/plugin/local/code/vimer.css index 6c378baa..8d73cb30 100644 --- a/plugin/local/code/vimer.css +++ b/plugin/local/code/vimer.css @@ -1,7 +1,7 @@ -fieldset.editor>div.output td.content { +fieldset.inner>div.output td.content { position:relative; } -fieldset.editor>div.output input.current { +fieldset.inner>div.output input.current { position:absolute; padding:0; margin:0; font-size:16px; font-family:monospace; padding-left:9px; @@ -9,17 +9,17 @@ fieldset.editor>div.output input.current { background-color:#00000000; color:#00000000; width:-webkit-fill-available; } -fieldset.editor>div.output input.current.insert { +fieldset.inner>div.output input.current.insert { caret-color:yellow; } -fieldset.editor>div.output input.current.normal { +fieldset.inner>div.output input.current.normal { caret-color:blue; } -fieldset.editor>div.output input.current.command { +fieldset.inner>div.output input.current.command { display:none; } -fieldset.editor>div.output input.command { +fieldset.inner>div.output input.command { font-size:16px; font-family:monospace; background-color:black; color:white; caret-color:red; @@ -29,27 +29,27 @@ fieldset.editor>div.output input.command { width:-webkit-fill-available; margin:0; padding:0 12px; } -fieldset.editor>div.output input.command.normal { +fieldset.inner>div.output input.command.normal { display:none; } -fieldset.editor>div.output input.command.insert { +fieldset.inner>div.output input.command.insert { display:none; } -fieldset.editor>div.output div.display { +fieldset.inner>div.output div.display { border:solid 1px greenyellow; padding:10px; } -fieldset.editor>div.output div.display input.cmd { +fieldset.inner>div.output div.display input.cmd { font-size:16px; font-family:monospace; background-color:black; color:white; min-width:480px; padding-left:5px; margin-left:2px; } -fieldset.editor>div.output div.display div.output { +fieldset.inner>div.output div.display div.output { overflow:auto; } -fieldset.editor>div.output div.display div.output { +fieldset.inner>div.output div.display div.output { max-height:160px; } diff --git a/plugin/story/spide.css b/plugin/story/spide.css index e3fb7a54..3df8a842 100644 --- a/plugin/story/spide.css +++ b/plugin/story/spide.css @@ -1,8 +1,8 @@ -fieldset.float.inner.editor { +fieldset.inner.float { /* background-color:#332f1ecf; */ z-index:10; } -fieldset.float.inner.editor div.output { +fieldset.inner.float div.output { background-color:#332f1ecf; /* max-width:800px; */ } diff --git a/plugin/story/spide.js b/plugin/story/spide.js index a6a64cdd..d3bb77c7 100644 --- a/plugin/story/spide.js +++ b/plugin/story/spide.js @@ -136,7 +136,7 @@ Volcanos("ondetail", {help: "用户交互", list: [], }, plugin: function(event, can, args) { - can.onappend.plugin(can, {type: chat.FLOAT, index: "web.code.inner", args: args, _action: [cli.CLOSE]}, function(sub) { + can.onappend.plugin(can, {type: chat.PLUGIN, index: "web.code.inner", style: chat.FLOAT, args: args, _action: [cli.CLOSE]}, function(sub) { sub.run = function(event, cmds, cb) { can.run(event, can.misc.Concat([ctx.ACTION, "inner"], cmds), function(msg) { msg.Option(ice.MSG_ACTION, cli.CLOSE)