0.25.3 memo折叠问题，添加自定义css和javascript

[heartnn]

Pre-submission Checklist

• I have searched the existing issues and this feature has not been requested yet

Type of Feature

User Interface (UI)

Problem or Use Case

折叠在瀑布流中可以用，但在列表模式中不能使用，列表模式用在手机中，没有折叠会让memo显示很长，滚动起来很费力

Proposed Solution

添加自定义css：

.markdown-content.memo-collapsed{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:7!important;line-height:24px!important;overflow:hidden!important;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}
.markdown-content.memo-expanded{display:block!important;-webkit-line-clamp:unset!important;-webkit-mask-image:none!important;mask-image:none!important}
.memo-fold-btn{color:var(--primary)!important;cursor:pointer;font-size:14px!important;user-select:none;z-index:10;position:relative}
.memo-fold-btn:hover{filter:brightness(.8);text-shadow:.1px 0 .1px currentColor}
.group:has(.lucide-bookmark) .markdown-content{-webkit-line-clamp:unset!important;-webkit-mask-image:none!important}
.group:has(.lucide-bookmark) .memo-fold-btn,[class*=grid-cols-]:not(.grid-cols-1) .memo-fold-btn{display:none!important}

添加自定义javascript：

const debounce=(fn,delay)=>{let timer=null;return(...args)=>{clearTimeout(timer);timer=setTimeout(()=>fn.apply(this,args),delay)}};const applyFolding=()=>{document.querySelectorAll('.markdown-content:not([data-fold-applied])').forEach((el)=>{const card=el.closest('.group');if(!card||card.querySelector('.lucide-bookmark'))return;const grid=card.closest('.grid');if(grid&&window.getComputedStyle(grid).gridTemplateColumns.split(' ').length>1)return;if(el.scrollHeight>200){el.classList.add('memo-collapsed');el.dataset.foldApplied="true";const btn=document.createElement('a');btn.className='memo-fold-btn';btn.innerText='查看更多';btn.onclick=()=>{const isFolded=el.classList.toggle('memo-collapsed');el.classList.toggle('memo-expanded',!isFolded);btn.innerText=isFolded?'查看更多':'显示较少';if(!isFolded)card.scrollIntoView({behavior:'smooth',block:'nearest'})};el.after(btn)}})};const observer=new MutationObserver(debounce(applyFolding,300));observer.observe(document.body,{childList:true,subtree:true});setTimeout(applyFolding,1000);

Alternatives Considered

No response

Additional Context

利用此代码，列表和瀑布流切换后，需要F5刷新一下浏览器