Compatibility with pane-relief plugin about customizable-page-header-buttons

[kometenstaub]

That should work, pjeby added support for it three hours ago: pjeby/pane-relief@363b7d2

[kometenstaub]

Here's CSS with which the count can be added. The alignment could be a bit better, but for that I'd need to make changes.

.view-action.page-header-button.app\:go-back::before {
    content: var(--pane-relief-backward-count);
    padding-right: 0.4em;
}

.view-action.page-header-button.app\:go-forward::after {
    content: var(--pane-relief-forward-count);
    padding-left: 0.4em;
}

[kometenstaub]

The alignment is complicated, and needs individual treatment for themes.

.view-action.page-header-button.app\:go-back::before {
    content: var(--pane-relief-backward-count);
    padding-right: 0.4em;
    font-size: 0.95em;
    vertical-align: top;
}

.view-action.page-header-button.app\:go-forward::after {
    content: var(--pane-relief-forward-count);
    padding-left: 0.4em;
    font-size: 0.95em;
    vertical-align: top;
}

This moves the icons down (mis-align them), but then it looks better. It needs adjustment for themes.

body:not(.no-svg-replace) svg.left-arrow-with-tail {
    margin-bottom: -0.2em;
}
body:not(.no-svg-replace) svg.right-arrow-with-tail {
    margin-bottom: -0.2em;
}

Update: You can enable the count in the settings, there is no need to add a css file on your own.

[kometenstaub]

An updated snippet is available here: https://github.com/kometenstaub/customizable-page-header-buttons#css-snippet-for-pane-relief-count

[kometenstaub]

The count is available in the settings now as an option.

[ronrdev]

Thanks. It's working great.

[ronrdev]

Again thank you.

Adding a bug report for your reference. Not another enhancement request.

Not working as expected:
Must have the cursor in the pane if you want to use left click. Left click targets the active pane. So example if you have three panes open, all the forward buttons will change the active pane.

From pjeby
Yes, that's a limitation of the way the other plugin works, as the buttons are triggering the keyboard commands for navigating forward and back, which apply to the currently-active pane.

[kometenstaub]

Did he say how that could be fixed?

The only thing I can think of would be a setTimeout in these two cases, so that the click changes the active pane and then executes the command a bit later.

[ronrdev]

No - here is where I posted.
pjeby/pane-relief#3

I added the bug report over there first because I assumed it was because of the way pane relief worked.

[kometenstaub]

That should work properly now. Please let me know whether 4.1.1 fixes it for you.

[ronrdev]

Success. Works exactly as expected and it's fast. When you mentioned setTimeout I thought it might cause a noticeable delay between button click and response, but the function is smooth. It feels like it's build in.
Thanks for creating this and adding full compatibility with pane relief.

I'm using minimal theme, no problems.
I only tried it on desktop. I don't use mobile, but probably not a lot of multiple panes use on mobile anyway.
Only thing I had to do was copy your css from the plugin install to make a snippet to lower the opacity.

[kometenstaub]

Pane relief doesn't work on mobile. The CSS therefore also only targets desktop Obsidian.

I tried it with Minimal, the opacity seems to work out of the box unless you wanted it to be fainter than it is normally.