[Share] Side-Attached Display Style

[Moyf]

Hi, this is not an FR or a bug! I recently discovered a new "way of presenting", so let's share it!

It looks like this:

bandicam.2025-08-28.10-54-21-353.mp4

Nothing special, just a little simple CSS tricks ;)

But I like the benefits it brings:

Because I use Dataview to render the chart, and when I switch, it flashes once. This time, the text below also jumped once.

And when switched to this side-attached style, its rerendering does not affect the body of the note.

Also, since I don't need to always see it, this allows me to move the mouse over to see it only when I need to. This is convenient.

Here is the CSS snippets, just in case anyone interests:

.daily-note .virtual-footer-dynamic-content-element.virtual-footer-header-group.virtual-footer-header-rendered-content{
    position: absolute;
    opacity: 0.3;
    width: 800px !important;
    border-radius: 12px;
    top: 300px;
    left: -750px;
    z-index: 1;
    transition: all 0.4s ease; /* 所有属性添加0.2秒渐变效果 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    outline: 1px solid var(--background-modifier-border);

    &:hover {
        z-index: 100;
        scale: 1.0;
        opacity: 1.0;
        background-color: var(--background-secondary);
        transform: translate(756px, 0px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        backdrop-filter: blur(10px);
    }
}

( I limit it to .daily-note so that this style only works on my Daily Notes with cssclasses: daily-note )

---

Thanks again for developing this plugin, it has become a complete addition to my list of essential plugins!

I checked the project homepage and didn't find a link to Kofi or Github Sponser, so I would like to ask if you have a channel to receive donations (PayPal is also available)? Want to support it!

[Signynt]

That's a really cool snippet! I'll add it to the Readme.
I'm still working on fixing the refresh for #29 so that it only refreshes when the properties metadata changes (the reason it is constantly refreshing currently is that the complete metadata changes whenever the file is modified).

I've added a Paypal link to the Readme, thanks for the support!