Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Embed Obsidian Note as Frame? #126

Open
j-finger opened this issue Jun 5, 2024 · 1 comment
Open

Embed Obsidian Note as Frame? #126

j-finger opened this issue Jun 5, 2024 · 1 comment

Comments

@j-finger
Copy link

j-finger commented Jun 5, 2024

I have a heatmap calendar plugin that I use and I want to embed the file as a frame. At the moment I am just placing the note in my sidebar but it's not as clean as I would like. Is this possible? I've tried point the URL to the file but it's not rendering anything

Desired Functionality
image

@j-finger
Copy link
Author

j-finger commented Jun 5, 2024

Never mind. I figured it out with custom css. I added the property "cssclass" = .heatmap to the YAML of my heatmap file. Then I used the following CSS snippet to clean it up a little (centring, removal of title & turn off scrolling)

/* targets the .heatmap css class, centres the content and turns off scrolling */
.heatmap {
    display: stretch;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    padding-top: 0px;
    margin-top: -20px;
}

/* removes the title. May not be necessary  */
.heatmap .view-header-title{
    display: none
  }

/* removes the title. 100% necessary */
.heatmap .inline-title{
    display: none;
  }

Result
image

Still it would be nice to have this as a pane/frame with an icon instead of a note

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant