Settings
ページデザインの書き換え作業を行っております。
閲覧時にレイアウトが乱れることがありますが、ご了承下さい。
現在の制作状況の一覧は以下を参照
_style.css@import "../Settings_-20230118/style.css";
style.css@import "/api/code/Mijinko/開発中のSettings_20230126-/style.css";
style.css@media (min-width: 768px) and (min-height: 500px) {
_style.css .app.app > .page-item-animation + .container:not([style]) {
/* プロジェクトタイトル */
position: absolute;
margin: 0;
z-index: 1020;
}
style.css .app.app > .container:not([style]) {
position: static;
z-index: unset;
}
div.quick-launch.layout-page {
position: fixed;
top: var(--navbar-row-1-height);
}
.page-wrapper.page-wrapper {
margin-top: 0;
}
}
一部の幅調整に必要な値を計算するためのスクリプト
script.jsconst styleDOMId = "Mijinko-settings-additional-style"
function updateStyle() {
removeStyle()
if(scrapbox.Project.name !== "Mijinko") return
const iconsLen = document.querySelectorAll(".page-menu > :is(.dropdown, a)").length - 1
const rows = Math.ceil(iconsLen / 4)
const styleDOM = document.createElement("style")
styleDOM.textContent = `html body{ --page-menu-rows: ${rows} }`
styleDOM.id = styleDOMId
document.body.append(styleDOM)
}
function removeStyle() {
const style = document.getElementById(styleDOMId)
if(style === null) return
style.remove()
}
setTimeout(updateStyle, 1000)
scrapbox.on("page:changed", updateStyle)