diff --git a/index.css b/index.css index 77f8aa5c..5a68255a 100644 --- a/index.css +++ b/index.css @@ -41,7 +41,7 @@ table.content thead { position:sticky; top:2px; } table.content th { background-color:steelblue; padding:2px 5px; } table.content td { padding:2px 5px; } table.content.action th:last-child { position:sticky; right:2px; } -table.content.action td:last-child { background-color:steelblue; position:sticky; right:2px; } +table.content.action td:last-child { background-color:steelblue; max-width:150px; position:sticky; right:2px; } table.content.full { width:100%; } div.code { background-color:#5066b945; font-size:14px; } div.story[data-type=spark] { background-color:#2169a9a6; color:white; padding:5px 10px; border-left:blue solid 5px; } @@ -123,9 +123,9 @@ legend>span.delete { font-size:1rem; margin-left:5px; margin-right:-15px; visibi select, input { font-size:1rem; height:32px; } textarea { tab-size:2; height:93px; } input::placeholder { font-style:italic; } table.content, div.item, div.code, div.story[data-type=spark] { white-space:pre; text-align:left; } table.content, div.item, div.code, div.story[data-type=spark] { font-family:monospace; } -div.action>div.tabs { padding:5px; height:32px; } -div.status>div.item { padding:5px; height:31px; float:left; } -div.status>div.item>label { font-size:0.6rem; } +fieldset>div.action>div.tabs { padding:5px; height:32px; } +fieldset>div.status>div.item { padding:5px; height:31px; float:left; } +fieldset>div.status>div.item>label { font-size:0.6rem; } /* display */ fieldset>form.option, fieldset>div.action { display:contents; } form.option.hide, div.action.hide { display:none; } form.option>div.item>label, div.action>div.item>label, .hidden, .hide { display:none; } @@ -186,7 +186,7 @@ div.carte div.item:hover, table.content th:hover, table.content td:hover, table. div.story[data-type=spark] span:hover { background-color:deepskyblue; box-shadow:4px 4px 20px 4px #29318e; } select, input[type=text], textarea { box-shadow:4px 4px 20px 4px #626bd0; } body.black input[type=text], body.black textarea { background-color:#243783bd; color:white; outline:none; } -legend, select, input[type=button], div.tabs, div.item, span.item, th, td, h1, h2, h3 { cursor:pointer; } +legend, select, input[type=button], div.tabs, div.item, span.item, th, h1, h2, h3 { cursor:pointer; } div.title, div.story[data-type=spark] { cursor:copy; } /* theme */ body.black a { color:yellow; } diff --git a/panel/footer.css b/panel/footer.css index 50ff656c..5945b0e2 100644 --- a/panel/footer.css +++ b/panel/footer.css @@ -1,10 +1,10 @@ -fieldset.Footer>div.output { height:32px; } -fieldset.Footer>div.output div.item { padding:7px; cursor:pointer; float:left; } -fieldset.Footer>div.output div.title:first-child { font-style:italic; text-align:center; margin-right:10px; width:230px; } +fieldset.Footer>div.output { height:32px; font-style:italic; } +fieldset.Footer>div.output div.item { font-family:unset; padding:7px; float:left; } +fieldset.Footer>div.output div.title:first-child { text-align:center; width:230px; } fieldset.Footer>div.output div.state { float:right; } fieldset.Footer>div.output div.state label { font-size:12px; } fieldset.Footer>div.output div.toast { float:right; } -fieldset.Footer>div.output div.cmd { padding:0; } +fieldset.Footer>div.output div.cmd { padding:0; margin-left:10px; } fieldset.Footer>div.output div.cmd>input[name=cmd] { margin-right:0; width:120px; transition:all 1s; } fieldset.Footer>div.output div.cmd>input[name=cmd]:focus { width:320px; transition:all 0.5s; } diff --git a/panel/header.css b/panel/header.css index 44cee949..d37be402 100644 --- a/panel/header.css +++ b/panel/header.css @@ -1,11 +1,10 @@ fieldset.Header>div.output { font-size:1.1rem; line-height:21px; height:48px; overflow:hidden; } fieldset.Header>div.output div.item { font-family:unset; padding:13.5px; float:left; } -fieldset.Header>div.output div.title:first-child { font-style:italic; font-weight:bold; text-align:center; margin-right:5px; width:230px; cursor:pointer; } +fieldset.Header>div.output div.title:first-child { font-style:italic; font-weight:bold; text-align:center; width:230px; } fieldset.Header>div.output div.state { float:right; } -fieldset.Header>div.output div.state.time { margin-left:10px; } fieldset.Header>div.output div.state.avatar { padding:0; } fieldset.Header>div.output div.state.avatar>img { height:48px; } -fieldset.Header>div.output div.search.title { padding:8px 5px; } +fieldset.Header>div.output div.search.title { padding:8px 5px; margin-left:5px; } fieldset.Header>div.output div.search>span.delete { top:10px; right:10px; } fieldset.Header>div.output div.search>input { margin-right:0; transition:all 1s; } fieldset.Header>div.output div.search>input:focus { width:320px; transition:all 0.5s; } diff --git a/plugin/local/code/inner.css b/plugin/local/code/inner.css index 11b06499..08cf187c 100644 --- a/plugin/local/code/inner.css +++ b/plugin/local/code/inner.css @@ -92,7 +92,7 @@ body.mobile fieldset.word fieldset.inner>form.option input[type=text] { display: div.carte.history.float * { tab-size:2; } div.vimer.open.float td:first-child { display:none; } -div.path span.item { padding:5px; cursor:pointer; } +div.path span.item { padding:5px; } div.carte.path.float { font-size:14px; border-radius:0; } div.carte.path.float div.item { padding:5px; } tr.line>td.line { text-align:right; padding:0 10px; position:sticky; left:0; } tr.line>td.text { line-height:20px; white-space:pre; padding-left:10px; cursor:text; }