Action buttons fixed on top of the card back content

[rvenugopal]

Hello

Thanks for making this plugin. An issue I am encountering is the buttons are hovering over the card back content instead of being fixed at the bottom. Please see screenshot below.

Obsidian app version: 0.11.13
Obsidian spaced repetition version: 1.4.2

How I am creating the card:
The way I am making this card is using the multiline syntax (as described in the wiki) except I am using the code block as the back portion of the card. If I knew how to look at the HTML structure I could debug this and offer a CSS fix. However, I am not sure how to view the HTML in an electron app.

Potential solution:
One solution is to make the flashcardView as flex with column direction and overflow auto. Then you can have a header / top section and a footer section with the buttons. The middle div (flashcardContent ) can be sent to the markdown renderer with flex grow 1 and that would expand automatically.

flashcardView.style = {
   display: flex;
   flex-directon: column;
   overflow: auto;
   flex-grow: 0 1 0;
}

The html can be

<div id="flashcardview">
   <div></div>
   <div id="flashcardContent"></div>
   <div id="buttons"></div>
</div>

Current issue:

[st3v3nmw]

Hello,

I'll work on fixing this.
Thanks for the bug report & the potential solution.

[rvenugopal]

👍🏽

[st3v3nmw]

I added an option to make the flashcards view scrollable in the latest release (v1.4.3). Please check it out.

[rvenugopal]

@st3v3nmw Thanks for working on this. I just installed v1.4.4 and the modal does not even open up when I try to review

[st3v3nmw]

What Obsidian version do you have?

[st3v3nmw]

There's an API I'm using that's only available on Obsidian v0.12.2, I thought the versions.json file would allow older Obsidian versions to install v1.4.3.
I'll roll back to v1.4.3 for now.

Turns out I hadn't added the minimum app version correctly, should be fixed now.

[rvenugopal]

Confirming that v1.4.3 works as expected. Thanks for resolving this. Should I close this issue?
👍🏽

[st3v3nmw]

Thanks for the confirmation. I'll just close this issue on my end.