Plugin: Note Tabs

Is there any chance of getting rounded corners on the top of each tab to visually distinguish them from the favorites? As I understand it, the regular custom css files can't modify plugin components.

Could you please share a screenshot showing how you envision it? I am unsure exactly what you mean.

Or something like that. I have to confess that I hadn't realized that now only the active tab has rounded corners. the bottom inverse rounded corners on the active tab are nice, but that might be way too complicated.

The effect in Joplin would be stronger if there wasn't the menu bar above anything, but it sounds like nothing can be done about that.

Any way, thanks so much for the plugin. Feel free to ignore this request if you don't think it would be beneficial to most users.

What I could add would look like this:

As you mentioned, the border radius would only be visible for the active or hovered tabs.
Anyway, I've created a ticket to track this request. I could add this next time I update the plugin, because it would be a simple one.

1 Like

Thanks!

I played around with my colors to try and make it look more like the screenshot I gave, namely having the active tab white so it kind of looked like it was part of the active page:

But then when I had more tabs open than would fit in the bar, I got this:

I guess this black line under the tabs is because a scroll bar is created?

For me, as I've mentioned before, my concept of how tabs "should" work is how tabs work in a browser (chrome/FF). In neither of those is a scroll bar created. The only indication in those is the addition of < > buttons in the tab bar once they start to overflow.

I just mention this as an FYI that the scroll bar may not be necessary. For me it doesn't indicate where I am in the overflow of the tab bar, but that may be because of my colour settings.

As always, thanks so much for the plugin. I couldn't imagine Joplin without it!

Yes, this is scrollbar which is statically defined with a background color of rgba(0, 0, 0, 0.2);. It can only be set via a css file. Not in HTML (I guess). So it would be hard to make the color configurable.

Also I like this way to indicate that some tabs are hidden. That's exactly how the VS Code Editor does it too, which is my template for implementing the plugin.

Maybe you could reduce the Minimum Tab width in the advanced user options. That way you can almost completely prevent the scroll bar from displaying.

Interesting. I had never noticed this. For me, in VS Code, the scroll bar indicator only appears when the mouse is hovering over the tab bar.

I'm on a 14" laptop so I'm bound to over flow.

I can also see now how the X close buttons is similar to VS Code where they are always taking up space, as compared to FF where the X only appears on the active tab, and then it cuts into the title text.

I really like the tabs, itβ€˜s a great extension!

For me it would be another advantage, if I could use the tabs like used to do it in browser apps. In other words: Is it possible to implement a function to open a note in a new tap by jjust a right-click on a note?
I hope it was not asked before, otherwise just ignore this post.

In any case, thanks for your effort!

Right click a note in the list > "Pin note to tabs"

1 Like

Oh, thank you, I did not recognize that! :flushed:

I like to add, that it's great to have tabs!
Although using them in Joplin is still not 100% intuitve to me. I have to "pin" or "unpin" tabs with extra clicks while all I'm used to do in every browser I know is open or close a tab. Just my 2cents, even if not the most brilliant ones :grinning:

BTW: I like to propose to change the wording at the right click menu from: "Pin note to tabs" into "Open in tab" or "Open in new tab".

I agree that the ux isn't exactly like a browser (although that's what I usually expect as well). I think part of this may come from life before the tab plugin. You would open one note and the previous one would close. So this plugin actually seems to default to that behaviour, hence the pinning.

There is a setting so that every note automatically gets pinned. Play around with these and see if you can get it to work how you expect:

2 Likes

I fell like a little idiot, because I didn't even think about looking into the settings for this plugin. Thanks again! I'll now have to play around with it.

1 Like

Not all plugins have settings, but this one has lots. You might want to take a look and see if other plugins you are using have settings :grin:

The last plugin I tested was CodeMirror Line Numbers. It has no settings I can influence. So I didn't look for settings here as well. Unfortunatly the line numbers plugin does not work properly on my system. But the tabs do!!

You're totally right... sorry. I will add this in the next version. Its a simple one.

1 Like

So I've modified the settings to pin tabs if edited which is fantastic, however I too am having a bit of a UX issue when closing tabs that are pinned. Not that it's too significant, but it goes against the trend of tabs ala chrome. Is there a way to force edited notes to become temporary tabs so that they can be closed with a single click like chrome, pycharm, vscode, etc.?

Edit:
In fact, it seems to only be an issue when trying to close the tab before I've edited it.
After editing, it becomes temporary which is fantastic.

hey @benji300 , Thanks for the plugin!, I am just loving it.
I have a suggestion can you add a shortcut to browse through the tabs like we have it in VS Code as Ctrl + Tab not necessarily exact but similar but even without it is great.

So if you look under tools > tabs > switch to last active tab there is a menu item. There should be a way to make a shortcut key to this, but I'm not sure how.

1 Like

Ohh, I didn't see that. I think then it will be simpler to add shortcut for this as this is a menu item. We will just need to add an accelerator for the shortcut then.

1 Like

I came here to suggest the exact same thing : a Ctrl + Tab shortcut to switch to next tab (like in firefox, adobe, VS code, etc.) would be great.

Ctrl + W to close current tab would be awesome as well.

In any case : thank you @benji300 for this great pluggin. I can't imagine Joplin without it.

2 Likes