generated at
Settings
ページデザインの書き換え作業を行っております。
閲覧時にレイアウトが乱れることがありますが、ご了承下さい。

現在の制作状況の一覧は以下を参照

Settingsの作業残骸(20230126)でひたすらCSSを書き続けたけれど、流石にきつすぎるのでSCSSに移行する

過去のSettings(Settings_-20230118
_style.css
@import "../Settings_-20230118/style.css";

style.css
@import "/api/code/Mijinko/開発中のSettings_20230126-/style.css";

緊急修正(2024/04/08
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.js
const 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)