obsidian外观
Obsidian 样式 -Thino 列表模式日期样式调整
插件ID:obsidian%E6%A0%B7%E5%BC%8F-thino%E5%88%97%E8%A1%A8%E6%A8%A1%E5%BC%8F%E6%97%A5%E6%9C%9F%E6%A0%B7%E5%BC%8F%E8%B0%83%E6%95%B4
obsidian%E6%A0%B7%E5%BC%8F-thino%E5%88%97%E8%A1%A8%E6%A8%A1%E5%BC%8F%E6%97%A5%E6%9C%9F%E6%A0%B7%E5%BC%8F%E8%B0%83%E6%95%B4
obsidian%E6%A0%B7%E5%BC%8F thino%E5%88%97%E8%A1%A8%E6%A8%A1%E5%BC%8F%E6%97%A5%E6%9C%9F%E6%A0%B7%E5%BC%8F%E8%B0%83%E6%95%B4:Obsidian 样式 -Thino 列表模式日期样式调整
Obsidian 样式 -Thino 列表模式日期样式调整
Thino 专业版开启了 『在列表模式中展示日期标记』后,在列表模式中会出现日期标记,并且点击后可以折叠(Cmd + 点击还可以单独展示当天所有 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;
}
反馈交流
其他渠道
版权声明
版权声明:所有 PKMer 文章如果需要转载,请附上原文出处链接。