✅mobileで補完候補とproject絞り込みパネルのアイコンを大きくする

⬜mobileで補完候補とproject絞り込みパネルのアイコンを大きくする

大きさは、mobile版scrapboxのCSSの設定を流用する

font-size:13px;padding:6px;でいいっぽい

2022-12-12 18:00:08 merged

mobile

https://gyazo.com/17b32b1bbfc2a418ac39c5fd4657413c

https://gyazo.com/130cbf38dffbdd44273810756fd4c8d5

https://gyazo.com/8eb98e6ae72a8c464c7e4b95eb33c96d

2022-12-10 22:03:20 html[data-os*="android"]を使えない

Shadow DOM外のCSSセレクタは内部に効果を与えない

意外と難しいな……

html[data-os*="android"]を反映する方法

User Agentから属性を付け足す処理を作る

code:js

(m = function getOSFromUserAgent(t) {

if (t) {

var i = t.match(/(Mac|Windows|Android|iPhone|iPad)/i);

if (i) {

var s = i0.toLowerCase();

return "iphone" === s || "ipad" === s || "mac" === s && void 0 !== document.ontouchstart ? "ios" : s

}

}(navigator.userAgent)) && document.documentElement.setAttribute("data-os", m)

✅data-os属性をshadow DOM内のどこかにコピーする

これで十分じゃんtakker.icon