diff --git a/index.css b/index.css index c2cd4903..f7206bc8 100644 --- a/index.css +++ b/index.css @@ -244,7 +244,7 @@ div.project div.item>div.icon:hover { background-color:var(--hover-bg-color); } div.project div.item:not(:hover)>div.icon { display:none; } div.project div.item:not(.button)>i:last-child { position:absolute; right:var(--input-padding); } div.project div.item:not(.button)>i:last-child:hover { background-color:var(--hover-bg-color); } -body:not(.mobile) div.project div.item:not(.button):not(:hover)>i:last-child { display:none; } +div.project div.item:not(.button):not(.select)>i:last-child { display:none; } body.mobile div.project div.item>i:last-child { display:none; } div.project div.zone>div.item { text-align:center; padding:var(--input-padding); display:flex; align-items:center; } div.project div.zone>div.item span:hover { background-color:var(--hover-bg-color); } @@ -509,7 +509,7 @@ span.keyword { color:var(--code-keyword); } span.function { color:var(--code-fun span.item.select { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } span.item:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } span.icon:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } -body:not(.mobile) div.item:not(.text):hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } +body:not(.mobile):not(.pad) div.item:not(.text):hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } div.item.select:not(.button) { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } div.item.button.danger input:hover[type=button] { background-color:var(--danger-bg-color); color:var(--danger-fg-color); } div.item.button.notice input:hover[type=button] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } diff --git a/lib/user.js b/lib/user.js index 985ec636..7fe8197c 100644 --- a/lib/user.js +++ b/lib/user.js @@ -15,6 +15,7 @@ Volcanos("user", { scanQRCode: function(can, cb) { can.user.input(event, can, [{type: html.TEXTAREA, name: mdb.TEXT, text: ""}], function(list) { cb(can.base.ParseJSON(list[0])) }) }, chooseImage: function(can, cb) { can.base.isFunc(cb) && cb([]) }, }, info: {}, + isIPad: false, isTesla: navigator.userAgent.indexOf("Tesla") > -1, isChrome: navigator.userAgent.indexOf("Chrome") > -1, isSafari: navigator.userAgent.indexOf("Safari") > -1, @@ -59,6 +60,8 @@ Volcanos("user", { can.user.info.userrole && name.push(can.user.info.userrole) can.user.language(can) && name.push(can.core.Split(can.user.language(can), "-_.")[0]) can.user.mod.isCmd && name.push(chat.CMD), can.user.mod.cmd && name.push(can.user.mod.cmd.replaceAll(".", " ")) + if (window.innerWidth <= 1080) { can.user.isIPad = true } + can.user.isIPad && name.push("pad") && can.user.isLandscape() && name.push(html.LANDSCAPE) can.user.isMobile && name.push(html.MOBILE) && can.user.isLandscape() && name.push(html.LANDSCAPE) can.user.isWindows && name.push(html.WINDOWS), can.user.isWebview && name.push(html.WEBVIEW) can.page.styleClass(can, document.body, name.join(lex.SP)) diff --git a/panel/header.css b/panel/header.css index ef064a24..d00642bc 100644 --- a/panel/header.css +++ b/panel/header.css @@ -6,11 +6,11 @@ fieldset.Header>div.output div.item.state { padding:13.5px 10px; float:right; } fieldset.Header>div.output div.item.layout>i { margin-left:var(--input-padding); } fieldset.Header>div.output div.item.layout:not(:hover)>i { visibility:hidden; } fieldset.Header>div.output div.item.layout { padding-right:0; } -fieldset.Header>div.output div.item.theme { user-select:none; } +fieldset.Header>div.output div.item.theme { white-space:pre; user-select:none; } fieldset.Header>div.output div.item.theme>i { margin-right:0; } fieldset.Header>div.output div.item.theme>i:last-child { color:var(--disable-fg-color); } fieldset.Header>div.output div.item.theme>i.bi-moon-stars:last-child { font-size:12px; } -fieldset.Header>div.output div.item.language { user-select:none; } +fieldset.Header>div.output div.item.language { white-space:pre; user-select:none; } fieldset.Header>div.output div.item.language>span:last-child { color:var(--disable-fg-color); } fieldset.Header>div.output div.item.usernick>i { margin-left:var(--input-padding); } fieldset.Header>div.output div.item.usernick:not(:hover)>i { visibility:hidden; }