diff --git a/src/gonganxitong/portal.css b/src/gonganxitong/portal.css index f830497..f35d057 100644 --- a/src/gonganxitong/portal.css +++ b/src/gonganxitong/portal.css @@ -1,11 +1,11 @@ body.dark { --plugin-bg-color:#0d1117; --output-bg-color:#171a22; } -body.mobile.light { --plugin-bg-color:#f4f5f9; --output-bg-color:#fefefd; } -body.mobile.light { --plugin-bg-color:#f4f5f9; --output-bg-color:white; } -body.mobile fieldset.Action div.input.float { position:static; } -body.mobile fieldset.Action div.input.float table { width:100%; } -body.mobile div.upload.float div.action { display:flex; } -body.mobile div.upload.float div.action div.item.upload { flex-grow:1; } -body.mobile div.upload.float div.action div.item.upload input { width:100%; } +body.width1.light { --plugin-bg-color:#f4f5f9; --output-bg-color:#fefefd; } +body.width1.light { --plugin-bg-color:#f4f5f9; --output-bg-color:white; } +body.width1 fieldset.Action div.input.float { position:static; } +body.width1 fieldset.Action div.input.float table { width:100%; } +body.width1 div.upload.float div.action { display:flex; } +body.width1 div.upload.float div.action div.item.upload { flex-grow:1; } +body.width1 div.upload.float div.action div.item.upload input { width:100%; } $action { background-color:transparent; position:absolute; top:0; width:100%; z-index:1; } $action div.item.button { margin-left:10px; margin-right:0; padding:0; height:48px; align-items:center; } $action div.item.button input { border:none; background-color:var(--plugin-bg-color); color:var(--notice-bg-color); min-width:60px; display:unset; } @@ -58,9 +58,9 @@ $output div.tabs { height:32px; display:flex; position:unset; } $output div.tabs span { padding:5px 10px; } $output div.tabs span.select { background-color:var(--output-bg-color); color:var(--hover-fg-color); } $output div.item.card:not(:last-child) { margin-bottom:2px; } -body:not(.mobile) $output div.item.card { background-color:var(--output-bg-color); flex-direction:row-reverse; } -body:not(.mobile) $output div.item.card>div.action { position:static; flex-shrink:0; } -body:not(.mobile) $output div.item.card>div.output { flex-grow:1; } +body:not(.width1) $output div.item.card { background-color:var(--output-bg-color); flex-direction:row-reverse; } +body:not(.width1) $output div.item.card>div.action { position:static; flex-shrink:0; } +body:not(.width1) $output div.item.card>div.output { flex-grow:1; } $output div.item.card>div.output>div { width:100%; } $output div.item.card div.title { width:100%; display:flex; align-items:center; position:relative; } $output div.item.card div.title span:first-child { word-break:break-all; } @@ -135,11 +135,11 @@ $output.public>div>div.list.myplace div.item.card div.output { padding:0; } fieldset.web.team.storage.file div.item.card div.title span:first-child { flex-grow:1; } fieldset.web.team.renzhengshouquan.profile>div.output div.code { margin-top:60px; margin-bottom:240px; } body.dark $output>div>div.list.mynotice>span:first-child { background-color:var(--hover-bg-color); color:yellow; white-space:pre; } -body.mobile $output img.qrcode { width:100%; margin:0; } -body.mobile div.input.float { position:absolute; top:0 !important; margin:0; width:100% !important; max-width:100% !important; } -body.mobile div.input.float input[name=submit] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } -body.mobile fieldset.panel.Action>div.output { background-color:var(--plugin-bg-color); } -body:not(.mobile) $output>fieldset.story>div.output div.item.card:not(:hover) { background-color:var(--output-bg-color); } -body:not(.mobile) $output div.item.card div.title div.action { display:none; } +body.width1 $output img.qrcode { width:100%; margin:0; } +body.width1 div.input.float { position:absolute; top:0 !important; margin:0; width:100% !important; max-width:100% !important; } +body.width1 div.input.float input[name=submit] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } +body.width1 fieldset.panel.Action>div.output { background-color:var(--plugin-bg-color); } +body:not(.width1) $output>fieldset.story>div.output div.item.card:not(:hover) { background-color:var(--output-bg-color); } +body:not(.width1) $output div.item.card div.title div.action { display:none; } body.en $output>fieldset table.content td:first-child { max-width:180px; width:unset;} $fieldset { box-shadow:none; } diff --git a/src/gonganxitong/portal.js b/src/gonganxitong/portal.js index f4c8f35..4b9f864 100644 --- a/src/gonganxitong/portal.js +++ b/src/gonganxitong/portal.js @@ -25,6 +25,7 @@ Volcanos(chat.ONIMPORT, { can.page.Append(can, can.page.SelectOne(can, target, "div.code"), [{img: can.misc.Resource(can, avatar||can.ConfIcons()||can.user.info.favicon), className: "avatar"}]) }, myPortal: function(can, msg) { can.sup.current = {} + can.page.tagis(document.body, "body.width1") && (can.user.isMobile = true) can.core.List(["_place_uid", "_place_name", "_place_type", "_user_place_role", "_street_name"], function(key) { can.Conf(key, msg.Option(key)) }) var PLACE_UID = can.Conf("_place_uid"), PLACE_NAME = can.Conf("_place_name"), PLACE_TYPE = can.Conf("_place_type") var USER_PLACE_ROLE = can.Conf("_user_place_role"), STREET_NAME = can.Conf("_street_name")