当日の予定をタイムラインに常時表示するUserScriptの調整用UserCSS
✅️当日の予定をタイムラインに常時表示するUserScriptが#editorに被らないようにするためのUserCSS
.page-columnのgrid layoutを調整できるようにするUserCSSに依存している
別途importすること
2025-05-15 11:35:37 Scrapboxのpresentation modeの時に無効化するようにした
code:style.css
:not(data-display-style^="presentation") .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になる */
:not(data-display-style^="presentation") .page-column {
--page-column-columns: minmax(200px, 960px) min-content;
--page-column-areas: "page menu";
}
}
data-display-style^="presentation" data-userscript-name="takker-scheduler/timeline-wedget" {
display: none;
}
画面幅が広いとき無効化されたinfoboxを消すUserCSSと併用するときは、画面幅が広いとき無効化されたinfoboxを消すUserCSSの代わりに以下のCSSを使う
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;
}
#2025-05-15 11:35:30
#2024-05-13 10:41:35