Skip to content

Obsidian 样式 -Thino 列表模式日期样式调整

This content is not available in your language yet.

Obsidian 样式 -Thino 列表模式日期样式调整

Thino 专业版开启了 『在列表模式中展示日期标记』后,在列表模式中会出现日期标记,并且点击后可以折叠(Cmd + 点击还可以单独展示当天所有 thino)。

Obsidian 样式 -Thino 列表模式日期样式调整--代码

对于这个部分我做了一下样式修改:放大、居左、更明显的鼠标悬浮变化

Obsidian 样式 -Thino 列表模式日期样式调整--代码

CSS 代码

css 代码使用方法见:Obsidian的CSS代码片段

div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark {
justify-content: left;
width: fit-content;
margin: 15px 0 5px;
font-family: Inter,ui-sans-serif,system-ui;
font-size: 1.2rem;
font-weight: 600;
}
div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark {
color: var(--memos-text-black);
}
div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark .day-mark-text {
opacity: 1;
color: var(--memos-text-black);
}
div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark .day-mark-text:hover {
color: var(--memos-text-black);
}
div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark.folded .day-mark-text {
opacity: .2;
color: var(--memos-text-black);
transition: all .4s ease;
}
div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark.folded .day-mark-text:hover {
opacity: 1;
}
div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark.folded::before,
div[data-type=thino_view] .memolist-wrapper .memolist-container .day-mark.folded::after {
display: none;
}