Hiding UI elements

[foto16]

Operating system

Windows

Joplin version

3.4.11

What issue do you have?

Is there a way to (1) hide the big "+" add new notebook button in the notebook list bar (while keeping the collapse button; and (2) hide the add new to do button while keeping the add new note button in userchrome.css?

By the way, are there keyboard shortcuts for the collapse notebook list to first level button and the add new note button?

Many thanks!

[Marph]

@foto16

Is there a way to (1) hide the big "+" add new notebook button in the notebook list bar (while keeping the collapse button; and (2) hide the add new to do button while keeping the add new note button in userchrome.css?

I think there is a way. You could try this one to hide the "new todo" button (not sure if it's up-to-date):

Feature request: Add option to disable "New todo" button

I did some additional fettling as I was never keen on the button redesign but did like the idea of having it to the left of the search bar unlike old Joplin: [image] /* Force single row on resize */ .rli-noteList > div > div > div { flex-direction: row !important; } /* Remove todo */ button.new-todo-button { display: none; } /* Remove second col */ div.new-note-todo-buttons { grid-template-columns: 1fr 0; gap: 0px; } /* Remove text label */ button.new-note-button > span:nth-…

You can also take a look at Introduction to customising Joplin (userchrome.css & userstyle.css) and Share your CSS. There are lots of interesting examples.

@foto16

By the way, are there keyboard shortcuts for the collapse notebook list to first level button and the add new note button?

You can see the shortcuts at Tools > Options > Keyboard Shortcuts:

• New Note: Ctrl + N
• Expand/Collapse Notebooks: I couldn't find this one. Maybe it's not available or I just didn't see it.

[dpoulton]

@foto16

... hide the add new to do button while keeping the add new note button in userchrome.css?

Removing the "New todo" button is not that simple. You also have to adjust the spacings in the area it was located. The suggestion by Daeraxa in the linked post is pretty much what I am already using in my userchrome.css file. Note that this also removes the "New note" text to give something like this:

.rli-noteList > div > div > div {
    /* force single row on resize */
    flex-direction: row !important;
}
button.new-note-button > span:nth-child(2) {
    /* removes the "New Note" text */
    display: none;
}
button.new-note-button > span.fas {
    /* removes the space after the new note "+" text */
    margin-right: 0px;
}
button.new-todo-button {
    /* removes the "New To-do" button */
    display: none;
}
div.new-note-todo-buttons {
     /* removes the the space for the "New To-do" button */
    grid-template-columns: 1fr 0;
    gap: 0px;
}

@foto16

hide the big "+" add new notebook button in the notebook list bar (while keeping the collapse button

The below should get rid of the new notebook "+". As this is not something I already do, this is a quick hack and I don't really have the time to try to move the "collapse all" button over to the right (assuming it can be done!). It's also not perfect as clicking where the new notebook "+" button was will also collapse the notebook list but the collapse / expand icon does not change. Consider it a "starting point"!

button.sidebar-header-button.-newfolder {
    display: none;
}

[foto16]

Thank you both so much! I inserted the code and it worked perfectly!

By the way, in the tags pane, by any chance there is way to display multiple tags in a single row (instead of each tag occupying a separate row)?

[semyl]

You could try using

visibility: hidden;

instead of

display: none;

if you want to preserve the space it was taking up when visible.