Show all content instead of "show more"?

[binarydad]

Describe the solution you'd like

I love the UI update in 0.24.1, but would love it if there could be an option to always show all the post content, instead of truncating it with a "Show more" button. I typically have long posts and need to quickly view them while scrolling. I feel this was an option before the update but may have gotten lost?

Appreciated. Thanks!

Type of feature

User Interface (UI)

Additional context

No response

[glwhappen]

It would be nice to be able to control the folding of each memo individually, for example to mimic the <! --more--> in hexo, which would then collapse from this position

[icheer]

I removed this "Show more" feature by customized CSS anyway...
'Cause I don't like these MORE buttons appear here and there, especailly often in mobile device

/* Remove: line-clamp 6 */
.group > .justify-start .line-clamp-6 {max-height: 72rem; -webkit-line-clamp: 36}
.group > .justify-start .line-clamp-6 .bg-gradient-to-b {background: none}
.group > .justify-start .line-clamp-6 + .mt-1 {display: none}

[wzzrd]

Oh damn! Love that! Might try out the new release again (I reverted back to 0.24.0 after the changes).

You just the drop the above code verbatim into the "Additional CSS" text area, @icheer?

[icheer]

Yeah, right. @wzzrd
Glad to hear you like it.
I wrote some more Additional CSS in fact.
Paste them to here, share with you and other guys.
(I write comments to let you understand their targets as much as I can)

/* modify background color to let the cards display more obviously */
html:not(.dark) > body {background-color: rgb(244, 244, 244)}

/* sidebar: modify the top-left icon, the png is from my private memo's resources */
header .relative {cursor: pointer}
#header-auth {opacity: 0; transition: all 0.15s}
#header-auth:hover {opacity: 1}
header .shrink img[decoding] {display: block; content: url("/file/resources/RwMNkvDrTBUPd3eMd2CmXP/1.png")}

/* memos */
.group p:not([hidden]) + p:not([hidden]) {margin-top: 0.75rem}
textarea {resize: vertical !important}
.mb-2 ~ .group {margin-top: 0.85rem}
.group hr {margin: 1rem 0 !important}

/* re-design the #tag's style */
span.inline-block.text-blue-600 {display: inline-flex; padding: 0 8px; justify-content: center; align-items: center; border-radius: .375rem; background: #0d9488b3; color: #f3f4f6; font-size: 0.8em;}

/* remove: line-clamp 6 */
.group > .justify-start .line-clamp-6 {max-height: 72rem; -webkit-line-clamp: 36}
.group > .justify-start .line-clamp-6 .bg-gradient-to-b {background: none}
.group > .justify-start .line-clamp-6 + .mt-1 {display: none}