Obsidian 样式 -Thino 展开增强

Obsidian Style - Thino Expansion Enhancement

After enabling “Show date markers in list mode” in Thino Pro, date markers will appear in list mode, and clicking them allows collapsing (command + clicking can also show all thinos for that day individually). Add a visual optimization for expanding after collapsing.

Code

See how to use CSS code: Obsidian的CSS代码片段

/* 展开增强 */
.memo-wrapper {
  max-height: 200px;
  /* transition: max-height 0.25s, opacity 0.25s, padding 0.25s, transform 0.5s; */
  animation: collapse .2s cubic-bezier(0.12, 0.62, 0.46, 0.98);
}

@keyframes collapse {
  0% {
    /* opacity: 0; */
    max-height: 0;
  }
  100% {
    /* opacity: 1; */
    max-height: 200px;
  }
}