Glad it helped you! 
1 Like
Thanks for sharing this approach, I wanted something like this for so long.
I figured out a slightly more verbose way to write the metadata callout, using brackets for each key-value pair, that allows an even cleaner styling (to my taste).
this:
> [!meta]
> [Type:: paper]
> [Authors:: Gordon Pennycook, James Allan Cheyne, Nathaniel Barr, Derek J. Koehler, Jonathan A. Fugelsang]
> [Title:: On the reception and detection of pseudo-profound bullshit]
> [Year:: 2015]
> [Published:: Judgment and Decision Making, Vol. 10, No. 6, November 2015, pp. 549–563]
> [Related:: [[Gefährlicher Glaube]]]
renders like this:
CSS:
[data-callout="meta"] {
--callout-icon: database;
--callout-color: var(--background-secondary);
background: var(--background-secondary);
}
/* this is the stupiedest hack to reduce vertical space between key-value pairs */
[data-callout="meta"] br {
display: none;
}
[data-callout="meta"] span.dataview.inline-field {
display: flex;
align-items: center;
margin-bottom: 0.4em;
padding: 0px;
}
[data-callout="meta"] span.dataview.inline-field-key {
display: flex;
flex-basis: 7em;
flex-shrink: 0;
align-items: center;
padding: 0px;
color: var(--text-muted);
background-color: var(--background);
font-family: var(--font-family-preview);
}
[data-callout="meta"] span.dataview.inline-field-value {
display: inline-flex;
flex-wrap: wrap;
flex-grow: 1;
align-items: center;
padding: 0px;
padding-right: 5px;
background-color: var(--background);
font-family: var(--font-family-preview);
}
1 Like
The new Properties view in the insider builds supports links in the frontmatter.
Hi Rialistic, I’m intrigued by the image you shared. How do you get it to look like that? If you modify a field it is also modified in the properties? Thanks and best regards.
1 Like