Media Notes plugin affecting Calendar plugin interface?
Opened this issue · 4 comments
I have found this same issue. It seems to be related to the scoping of .arrow which was copied from a "fancy animation." codepen here: https://codepen.io/manelroig/pen/rJMVRO
I haven't really started to use this media plugin so I just disabled it. It doesn't seem to do anything, and I don't know how it is "supposed" to work. I.e. when I attempted to have it create a youtube note it didn't show the video within obsidian like I was expecting it to (it just shows a large black window to the left of the note, which I suspect should show a video??)
I suspect scoping should could/should be adjusted when copying the code from the codepen, so adding something specific to this plugin to the .arrow reference should keep it from affecting other parts of obsidian.
I'm out of my depth knowing what the exact fix should be, but I hope this helps.
FWIW, a "quick fix" might be to remove the offending section, so open: .obsidian\plugins\media-notes\styles.css
and remove this section:
.arrow {
position: absolute;
bottom: 0;
margin-left: 0px;
width: 24px;
height: 24px;
background-size: contain;
opacity: 0.8;
top: 23px;
}
I've done it and it fixes the google calendar issue, but because I don't see where the media player should be using the double arrow moving animation, so I can't tell if it breaks something in the media player plugin.
removing it of course will only hold until the next update which may or may not have the fix for this.
It doesn't seem to do anything, and I don't know how it is "supposed" to work.
not sure what the problem you're facing is, but when i tried it (using the js script from my bookmarks toolbar) it easily created a note with a youtube video opened to the left of the note, and i was easily able to play/stop the video etc, while taking notes.
the only issue i came across while trying it out was the Calendar styling one.
thanks for identify the css rules conflict with the Calendar plugin. this will be fixed in the next release by making the css class more specific