Embeds without scrollbar (Resolved)

Use case or problem

When you want embeds without scrollbars.

Proposed solution

To have an option for embedding without scrollbars.

Current workaround (optional)

@atiz has a snippet below that unfortunately does not work for me. I’d love to hear if anyone has a way.

Thanks.

3 Likes

+1 for this, although this CSS snippet did the trick for me:

.markdown-preview-view .markdown-embed-content>.markdown-preview-view {
  max-height: unset;
}
2 Likes

Just saw a feature request that gave me a thought of a possible solution for this. Unfortunately the request had multiple requests and the title was not descriptive of the request that is relevant here.

The idea is that embedded content could have a collapse function allowing the entirety of the embedded content to be expanded and shown (without scrollbars). I responded to the request and will return here and link to it if they change their title and/or separate their requests into independent topics.

Thanks.

1 Like

I am so happy to report that for some reason this solution is now working for me:

I think it was possibly an issue created by a conflict with other css I had been trying.

@atiz: I think you may have been trying to get this work as well. Perhaps the css you posted was slightly different than what @Klaas had posted here all along.

Phew! What a relief!

Thank you all!

1 Like

I think “my” solution was also from Klaas, and is basically the same. It’s been working fine for me. Glad you found a way!

Thanks. What I should have said is that I think you may have accidentally copied the snippet wrong here in this thread.

You posted this:

Klaas posted this:

.markdown-preview-view .markdown-embed-content, 
.markdown-preview-view .markdown-embed-content>.markdown-preview-view {
  max-height: unset;
}

I am showing this so that no one else gets confused. To be clear, the bottom one works.

Thanks again.

2 Likes

You’re right. I apparently didn’t copy the first line at all. Sorry.

1 Like

This does work, but it does not render the full embedded file. It only eliminates the scroll bar. After the maximum length of an embed, it just stops. Is there a solution to this? Thanks

Found the solution. This works:

/* Remove scroll bar from transclusions */
.markdown-preview-view .markdown-embed-content {
max-height: unset;
}
.markdown-preview-view .markdown-embed-content > .markdown-preview-view {
max-height: unset;
}

You could also simply use my clean-embeds.css or clean-embeds-all.css CSS snippets. :wink:

There’s also a video that shows how it works.