diff --git a/core/chat/header.go b/core/chat/header.go index 15bb6cfe..662425a8 100644 --- a/core/chat/header.go +++ b/core/chat/header.go @@ -120,6 +120,7 @@ func init() { m.Option("theme.list", m.Cmd(nfs.DIR, nfs.TemplatePath(m, aaa.THEME)+nfs.PS, nfs.FILE).Appendv(nfs.FILE)) m.Option(nfs.REPOS, m.Cmdv(web.SPIDE, nfs.REPOS, web.CLIENT_URL)) m.Option("icon.lib", mdb.Conf(m, ICON, kit.Keym(nfs.PATH))) + m.Option("diy", mdb.Config(m, "diy")) m.Option(MENUS, mdb.Config(m, MENUS)) m.Echo(mdb.Config(m, TITLE)) mdb.HashSelect(m, arg...).Sort(mdb.ORDER, ice.INT) diff --git a/core/chat/macos/desktop.css b/core/chat/macos/desktop.css index 83583f77..1cd134fc 100644 --- a/core/chat/macos/desktop.css +++ b/core/chat/macos/desktop.css @@ -2,7 +2,7 @@ fieldset.macos.desktop { background-size:cover; background-position:center; } fieldset.macos.desktop>div.output { background-color:transparent; } fieldset.macos.desktop>div.output>fieldset.macos { background-color:var(--plugin-bg-color); } fieldset.macos.desktop>div.output>fieldset.macos>div.output { background-color:transparent; } -fieldset.macos.desktop>div.output>fieldset.macos.menu { line-height:25px; border-radius:0; height:25px; width:100%; position:absolute; top:0; overflow:hidden; } +fieldset.macos.desktop>div.output>fieldset.macos.menu { line-height:25px; border-radius:0; height:25px; width:100%; position:sticky; top:0; overflow:hidden; } fieldset.macos.desktop>div.output>fieldset.macos.menu div.menu:hover { background-color:var(--hover-bg-color); } fieldset.macos.desktop>div.output>fieldset.macos.menu div.menu.icon { font-size:24px; line-height:20px; height:25px; padding:0 10px; } fieldset.macos.desktop>div.output>fieldset.macos.menu>div.output { overflow:hidden; } diff --git a/core/wiki/portal.css b/core/wiki/portal.css index 44e23d56..9047a4ee 100644 --- a/core/wiki/portal.css +++ b/core/wiki/portal.css @@ -1,50 +1,47 @@ -fieldset.web.wiki.portal { --portal-max-width:1200px; --portal-header-height:64px; } fieldset.web.wiki.portal.home { --portal-max-width:1500px; } +fieldset.web.wiki.portal { --portal-max-width:1200px; --portal-header-height:64px; --portal-main-padding:40px; --plugin-radius:10px; } +fieldset.web.wiki.portal.home { --portal-max-width:1500px; } fieldset.web.wiki.portal>div.output { padding:0; } -fieldset.web.wiki.portal>div.output>div.header { background-color:rgb(22 31 49); color:var(--code-fg-color); height:var(--portal-header-height); --hover-bg-color:var(--plugin-bg-color); } +fieldset.web.wiki.portal>div.output>div.header { background-color:rgb(22 31 49); height:var(--portal-header-height); --hover-bg-color:var(--plugin-bg-color); } fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] { display:flex; justify-content:center; } -fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item { padding:20px; height:var(--portal-header-height); } +fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item { text-align:center; padding:var(--legend-padding); height:var(--portal-header-height); } fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item.select { background-color:var(--output-bg-color); } fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item:hover { background-color:var(--output-bg-color); } -fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item.space { padding:0px; margin:0 40px; } +fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item.space { padding:0px; margin:0 var(--portal-main-padding); } fieldset.web.wiki.portal>div.output>div.layout { display:flex; justify-content:center; } -fieldset.web.wiki.portal>div.output>div.layout>div.nav { padding:40px 40px; border-right:var(--plugin-border-color) solid 1px; min-width:230px; overflow:auto; } -fieldset.web.wiki.portal>div.output>div.layout>div.nav div.story[data-name=navmenu] div.item { padding:5px; } -fieldset.web.wiki.portal>div.output>div.layout>div.nav div.story[data-name=navmenu] div.list { padding-left:20px; } -fieldset.web.wiki.portal>div.output>div.layout>div.main { padding:40px; height:600px; min-width:400px; max-width:var(--portal-max-width); overflow:auto; overflow-x:hidden; } -fieldset.web.wiki.portal>div.output>div.layout>div.aside { padding:40px 20px; min-width:200px; overflow:auto; } -fieldset.web.wiki.portal>div.output>div.layout>div.aside div.item { padding:5px; } -fieldset.web.wiki.portal>div.output>div.layout>div.aside div.item.section { padding-left:20px; } -body.dark fieldset.web.wiki.portal>div.output>div.layout { background-color:var(--plugin-bg-color); --code-bg-color:var(--output-bg-color); } -body.dark fieldset.web.wiki.portal>div.output>div.layout>div.nav { border-right:gray solid 1px; } -body.dark fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item.select { background-color:var(--plugin-bg-color); } -body.dark fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item:hover { background-color:var(--plugin-bg-color); } -fieldset.web.wiki.portal.home>div.output>div.layout>div.main p { white-space:pre-wrap; text-align:center; } -fieldset.web.wiki.portal>div.output>div.layout>div.main>* { margin:20px auto; } -fieldset.web.wiki.portal>div.output>div.layout>div.main h2 { margin:0; } -fieldset.web.wiki.portal>div.output>div.layout>div.main ul { margin:20px 40px; } -fieldset.web.wiki.portal>div.output>div.layout>div.main ol { margin:20px 40px; } -fieldset.web.wiki.portal>div.output>div.layout>div.main p code { background-color:var(--code-bg-color); color:var(--code-fg-color); padding:0 10px; } -fieldset.web.wiki.portal>div.output>div.layout>div.main div.story.column { - display:flex; flex-direction:column; justify-content:center; -} -fieldset.web.wiki.portal>div.output>div.layout>div.main div.story.column fieldset.inner>div.output>div.layout>div.layout div.content div.tips { - top:10px; right:10px; +fieldset.web.wiki.portal>div.output>div.layout>div.nav { padding:var(--portal-main-padding); padding-right:var(--button-padding); border-right:var(--box-border); min-width:var(--project-width); overflow:auto; } +fieldset.web.wiki.portal>div.output>div.layout>div.nav div.story[data-name=navmenu] div.item { padding:var(--input-padding); } +fieldset.web.wiki.portal>div.output>div.layout>div.nav div.story[data-name=navmenu]>div.item { margin-top:var(--button-margin); border-bottom:var(--box-border); } +fieldset.web.wiki.portal>div.output>div.layout>div.nav div.story[data-name=navmenu] div.list { padding-left:var(--legend-padding); } +fieldset.web.wiki.portal>div.output>div.layout>div.aside { padding:var(--portal-main-padding); padding-left:var(--button-padding); min-width:var(--project-width); overflow:auto; } +fieldset.web.wiki.portal>div.output>div.layout>div.aside div.item { padding:var(--input-padding); } +fieldset.web.wiki.portal>div.output>div.layout>div.aside div.item.section { padding-left:var(--legend-padding); } +fieldset.web.wiki.portal>div.output>div.layout>div.main { padding:var(--portal-main-padding); height:600px; min-width:390px; max-width:var(--portal-max-width); overflow:auto; overflow-x:hidden; } +fieldset.web.wiki.portal>div.output>div.layout>div.main div.story.column { display:flex; flex-direction:column; justify-content:center; } +fieldset.web.wiki.portal>div.output>div.layout>div.main div.story.column fieldset.inner>div.output>div.layout>div.layout div.content div.tips { top:10px; right:10px; } +fieldset.web.wiki.portal>div.output>div.layout>div.main fieldset.inner.output div.content { + background-color:var(--code-bg-color); color:var(--code-fg-color); padding:var(--input-padding) 0; + --code-comment:silver; --code-keyword:orange; + --code-function:cyan; --code-constant:silver; --code-string:silver; + --code-object:silver; --code-datatype:silver; --code-package:silver; } fieldset.web.wiki.portal>div.output>div.layout>div.main div.story[data-type=spark][data-name=shell] { - background-color:var(--code-bg-color); color:var(--code-fg-color); - padding:10px; margin-top:10px; - box-shadow:var(--box-shadow); + background-color:var(--code-bg-color); color:var(--code-fg-color); padding:var(--input-padding); margin:var(--plugin-margin) 0; box-shadow:var(--box-shadow); } -fieldset.web.wiki.portal>div.output>div.layout>div.main div.story[data-type=spark][data-name=shell] kbd { color:silver; } -fieldset.web.wiki.portal>div.output>div.layout>div.main div.story[data-type=spark][data-name=shell] kbd:hover { color:white; } -fieldset.web.wiki.portal>div.output>div.layout>div.main fieldset.inner.output div.content { - background-color:var(--code-bg-color); color:var(--code-fg-color); padding:10px 0; - --code-comment:silver; --code-keyword:orange; --code-package:silver; - --code-datatype:silver; --code-function:cyan; - --code-constant:silver; --code-string:silver; --code-object:silver; +fieldset.web.wiki.portal>div.output>div.layout>div.main table.content div.story[data-type=spark][data-name=shell] { + margin-top:unset; } body.cmd.web.wiki.portal { background-color:rgb(22 31 49); } +fieldset.web.wiki.portal.home>div.output>div.layout>div.main p { white-space:pre-wrap; text-align:center; } + +body.dark fieldset.web.wiki.portal>div.output>div.layout { background-color:var(--plugin-bg-color); --code-bg-color:var(--output-bg-color); } +body.dark fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item.select { background-color:var(--plugin-bg-color); } +body.dark fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item:hover { background-color:var(--plugin-bg-color); } +body.white fieldset.web.wiki.portal>div.output>div.header { color:silver; } +body.light fieldset.web.wiki.portal>div.output>div.header { color:white; } +body.light fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] { --hover-fg-color:black; } +fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] { --hover-fg-color:white; } + +body.mobile fieldset.web.wiki.portal { --portal-main-padding:10px; --legend-padding:10px; } body.mobile fieldset.web.wiki.portal>div.output>div.layout { display:block; } -body.mobile fieldset.web.wiki.portal>div.output>div.layout>div.nav { padding:10px; height:unset; } -body.mobile fieldset.web.wiki.portal>div.output>div.layout>div.main { padding:10px; height:unset; min-width:unset; } -body.mobile fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item { padding:10px; } +body.mobile fieldset.web.wiki.portal>div.output>div.layout>div.nav { height:unset; } +body.mobile fieldset.web.wiki.portal>div.output>div.layout>div.main { height:unset; } diff --git a/core/wiki/portal.js b/core/wiki/portal.js index 81ffd0f4..ac515198 100644 --- a/core/wiki/portal.js +++ b/core/wiki/portal.js @@ -3,7 +3,8 @@ Volcanos(chat.ONIMPORT, { can.db.prefix = location.pathname.indexOf(p) > 0? location.pathname.split(p)[0]+p: "/wiki/portal/" can.db.current = can.isCmdMode()? can.base.trimPrefix(location.pathname, can.db.prefix+"/", can.db.prefix): can.Option(nfs.PATH) can.sup.onexport.link = function() { return can.db.prefix } - can.require(["/plugin/local/wiki/word.js"]), can.Conf(html.PADDING, can.user.isMobile? 10: 40) + can.require(["/plugin/local/wiki/word.js"]) + can.Conf(html.PADDING, can.page.styleValueInt(can, "--portal-main-padding", can._output)) can.onmotion.clear(can), can.isCmdMode() && can.onappend.style(can, html.OUTPUT) can.ui = can.onappend.layout(can, [html.HEADER, [html.NAV, html.MAIN, html.ASIDE]], html.FLOW), can.onimport._scroll(can) can.ui.header.innerHTML = msg.Append(html.HEADER), can.ui.nav.innerHTML = msg.Append(html.NAV) @@ -52,6 +53,7 @@ Volcanos(chat.ONIMPORT, { }, layout: function(can, height, width) { can.onmotion.delay(can, function() { padding = can.Conf(html.PADDING) can.ui.layout(height, width), can.ConfHeight(can.ui.main.offsetHeight), can.ConfWidth(can.ui.main.offsetWidth) + can.Conf(html.PADDING, can.page.styleValueInt(can, "--portal-main-padding", can._output)) if (can.user.isMobile && can.isCmdMode()) { can.page.style(can, can.ui.nav, html.HEIGHT, "", html.WIDTH, can.page.width()) can.page.style(can, can.ui.main, html.HEIGHT, "", html.WIDTH, can.page.width()) diff --git a/misc/git/search.css b/misc/git/search.css index b5a4c1eb..0aad9893 100644 --- a/misc/git/search.css +++ b/misc/git/search.css @@ -1,10 +1,6 @@ -fieldset.web.code.git.search>div.output>div.item div.title { display:flex; } -fieldset.web.code.git.search>div.output>div.item div.title>img { height:48px; width:48px; margin-right:10px; } -fieldset.web.code.git.search>div.output>div.item div.title>div.name { height:48px; } -fieldset.web.code.git.search>div.output>div.item div.title span.name { line-height:32px; } -fieldset.web.code.git.search>div.output>div.item div.title div.label { font-size:12px; font-weight:normal; } -fieldset.web.code.git.search>div.output>div.item div.title div.label span { padding:5px; padding-right:10px; } -fieldset.web.code.git.search>div.output>div.item div.content { height:90px; } -fieldset.web.code.git.search.zone>div.output>div.item { display:flex; padding:5px; } -fieldset.web.code.git.search.zone>div.output>div.item>img { margin-right:5px; } -fieldset.web.code.git.search.zone>div.output>div.item>span { line-height:32px; } \ No newline at end of file +fieldset.web.code.git.search>div.output>div.item div.title div.label { font-size:var(--status-font-size); font-weight:normal; margin-top:var(--input-margin); } +fieldset.web.code.git.search>div.output>div.item div.title div.label span { padding:var(--input-padding); padding-right:var(--input-margin); } +fieldset.web.code.git.search>div.output>div.item div.content { height:70px; } +fieldset.web.code.git.search.zone>div.output>div.item { display:flex; padding:var(--input-padding); } +fieldset.web.code.git.search.zone>div.output>div.item>img { margin-right:var(--input-margin); } +fieldset.web.code.git.search.zone>div.output>div.item>span { line-height:var(--action-height); }