Is there any way I can make the inline transclusion take less space? This would help make the page more concise and print friendly. The extra space around the reference is too distracting too.
Found this looking for an answer to another CSS question. This is the CSS I used to make the output of an inline transclusion flow with the rest of the document and my gutters.
/* Remove extra whitespace from transcludes */
.markdown-preview-view .markdown-embed {
margin: 0;
padding: 0;
}
.markdown-embed .markdown-preview-view {
padding: 0;
}
/* Remove 800px cap on transclude height */
.markdown-preview-view .markdown-embed-content {
max-height: none;
overflow: hidden;
}
.markdown-preview-view .markdown-embed-content > .markdown-preview-view {
max-height: none;
}
/* Make transclude filenames less prominent */
.markdown-embed-title {
font-family: 'Inter Extralight';
font-size: 14px;
text-align: right;
color: var(--text-faint);
line-height: 24px;
width: 100%;
height: 24px;
padding: 0 30px 0 0;
user-select: none; /* Copy note text without copying transclude filenames */
}
/* Adjust transclusion link to match updated filename */
.markdown-embed-link,
.file-embed-link {
position: absolute;
top: 1px;
right: 5px;
color: var(--text-faint);
cursor: pointer;
}
.markdown-embed-link > svg {
height: 16px;
width: 16px;
}
/* Make gutters visible so that it is easier to read leading spaces */
.CodeMirror-gutters {
border-right: solid 1px var(--scrollbar-bg);
}
Those who are looking for solution to similar situation, I ended up using theme setting plugin for “Blue Topaz”. It provides multiple options for showing inline transclusion, and they take less space.