Location of topbar items

[on46zohu]

Hi. As mentioned in the description, I have a problem with how the topbar icons are located.

As you can see in the screenshot below, both items seem next to each other, which is visually disturbing.

I tried to drag them as shown here: https://github.com/jtpio/jupyterlab-topbar, but it is not responding.

You can also see my JupyterLab and extension versions.

Am I missing something?

[jtpio]

Thanks @on46zohu.

Yes these changes are because the topbar extensions now use the API exposed by JupyterLab directly for adding widgets to the top bar.

So there is no drag and drop to reposition them anymore. However it's possible to edit the settings to switch the order of the items via the setting editor:

jupyterlab-topbar-items-position.webm

There is also no "separator" anymore, but this could be added either via an extension, or maybe via custom CSS: https://jupyterlab.readthedocs.io/en/latest/user/custom_css.html

[on46zohu]

Thanks a lot for the quick response. I tried the same, but the order/locations of the items can be only edited in the restricted area below: Could you please show the jupyter labextension list output of the environment in your video?

[jtpio]

@on46zohu maybe you have other (maybe older) extensions installed, that were automatically picked up?

On this test setup it was:

JupyterLab v4.1.0
/home/user/micromamba/envs/tmp/share/jupyter/labextensions
        jupyterlab-theme-toggler v1.0.0 enabled OK (python, jupyterlab_theme_toggler)
        jupyterlab-topbar-text v1.0.0 enabled OK (python, jupyterlab_topbar_text)
        jupyterlab_pygments v0.3.0 enabled OK (python, jupyterlab_pygments)
        @jupyter-notebook/lab-extension v7.1.0 enabled OK

[on46zohu]

I've noticed it was not due to other extensions, but the number and rank of "spacer toolbars". After I set correct rank for each spacer between top bar elements, I could achieve the below view:

Thanks a lot again!

[jtpio]

Nice thanks!

Thinking such information could be useful to other users too. Would you like to open a PR to document how to re-order items (via the Settings editor) in the README? Thanks!

[on46zohu]

Hi again, sorry for the late response. Of course, I'd like to contribute, but never opened a PR. Could you briefly tell what I should do?