Arrows (Buttons) and Today Button are all together

[MichaelLepori]

Describe the bug

Arrows, Buttons and Today Button all together. Forward and Today can I click (not easy, but it is possible). To Go back, that doesn't work.

Expected behavior

As you see in the screenshot are the button <, Today and > all together.

Screenshots

OS

Windows 10 22H2

Obsidian Version v1.6.5

Theme:

Plugin Mininal Theme → Tried to put it on Inactive → Same error.
I tried also to deactivate all my CSS Add-ons. Nothing changed.

Do you have any Idea, how I can fix this?

Thank you very much for your Time and for your great Plugin!

[padowi]

@MichaelLepori : do you by any chance have the media notes plugin installed and activated?
And if so, does it help to comment out the following CSS instruction:

.arrow {
        position: absolute;
        bottom: 0;
        margin-left: 0px;
        width: 24px;
        height: 24px;
        background-size: contain;
        opacity: 0.8;
        top: 23px;
}

inside .obsidian/plugins/media-notes/style.css ?

Edit to add:
Because this has helped me.

[Derion-writes]

I also have the same issue, but it is just arrow button that overlaps, today button is separate.

I think the calendar css is override/clash with other plugin css, but I don't know which plugin does this. I've try with media notes, it's still the same.

I also try creating a new vault with no other plugins installed beside the calendar plugin, and yeah the button work properly.
I think this is can be easily solve in the calendar css itself, but it has no css in the plugin.

It's a bummer that this plugin has no update since 3 years ago, I wish they are mantain by someone else though, there are no good calendar plugin other than this.

[MichaelLepori]

@padowi Thank you very much.
That helped me too.

After commenting this out:

Restarting Obsidian

This was the result:

That's great. Thank you. The Creators of the Plugins should use unique names: arrowCalendar for Example.

Commenting that out, will the media-notes plugin break?
I will try that our.

Have a great day and thank you for your suggestion.

ML

[padowi]

@MichaelLepori

Heya!

Glad it helped :)

I'm afraid that I have not used Media Notes extensively enough to dare say anything for certain, but in what little use I have put it through since altering the CSS, I have found nothing immediately or obviously broken.

Best regards,
Patrik

[padowi]

@Derion-writes

Heya!

I could attempt to dig around and figure out which plugin may yet be causing the issue, but I'd need a list of all the plugins you have installed and enabled in your vault.

Would you feel comfortable providing me with that?

Otherwise, what my bug-hunting plan is, is to just enumerate all plugin CSS files, and then look through them for any mention of ".arrow", probably having a "position: absolute;" directive, and temporarily disable the plugin having that CSS file, to see if it alleviates the problem.
So you could do it yourself, if you feel uncomfortable handing out a list of you enabled plugins.

[frizzyTAIM]

Have same issue, after turning off "Media Note" plugin, Calendar look became normal immediately 🤷🏻‍♂️
Thanks guys for locating routes of this issue.