Snippet: Condensed properties

Share & showcase
1

Obsidian_b185e4NSyk

This is a simple snippet to create a “condensed” inline property view which only shows tags and aliases.

I use Snippet Commands and Note Toolbar to toggle the condensed view.

To show or hide properties other than tags and aliases, the keys in the css snippet can be easily customized (switch to the console Ctrl + Shift + I to find the appropriate keys).

div.metadata-container > div.metadata-content > div.metadata-properties > div.metadata-property[data-property-key="tags"] {
	display: flex !important;
}

div.metadata-container > div.metadata-content > div.metadata-properties > div.metadata-property[data-property-key="aliases"] {
	display: flex !important;
}

/* div.metadata-container > div.metadata-content > div.metadata-properties > div.metadata-property[data-property-key="status"] {
	display: flex !important;
} */

div.metadata-container > div.metadata-content > div.metadata-properties > div.metadata-property {
	display: none;
}

div.metadata-container > div.metadata-properties-heading {
	display: none;
}

div.metadata-container > div.metadata-content > div.metadata-add-button {
	display: none;
}

div.metadata-container > div.metadata-content {
	/* border-top: 1pt solid; */
	border-bottom: 1pt solid;
	border-color: var(--background-secondary);
}
div.metadata-container {
	padding-bottom: 0;
	margin-bottom: 0;
}
1 Like