当日の予定をタイムラインに常時表示するUserScriptの調整用UserCSS
別途importすること
code:style.css
.page-column {
--page-column-columns: 100px minmax(200px, 960px) min-content 1fr;
--page-column-areas: "spacer page menu spacer2";
--page-column-columns-sidebar: 100px minmax(200px, 3fr) minmax(170px, 1fr) min-content;
--page-column-areas-sidebar: "spacer page sidebar menu";
--page-column-columns-768: var(--page-column-columns);
--page-column-areas-768: var(--page-column-areas);
--page-column-columns-767: minmax(60px, calc(100% / 767 * 100)) 1fr;
--page-column-areas-767: "spacer page";
}
@container (width > 1236px) { /* .containerの中身の長さがwidthになる */
.page-column {
--page-column-columns: minmax(200px, 960px) min-content;
--page-column-areas: "page menu";
}
}
code:disable.css
.page-column:not(:has(.definition-term)) {
--page-column-columns-sidebar: var(--page-column-columns);
--page-column-areas-sidebar: var(--page-column-areas);
}
.page-sidebar:not(:has(.definition-term)) {
display: none;
}