Replies: 2 comments 2 replies
-
|
Hi @NikoKS! I'm Dosu and I’m helping the Trilium team. There isn't a built-in way to hide tabs in Trilium Notes, but you can do it with custom CSS. The recommended approach is to create a code note, set its language to CSS, paste your CSS, add the label #appCss, and restart Trilium for the changes to take effect. For example, to hide the tab bar when only one tab is open, you can use: /* Hide tabs if there is only one */
#rest-pane > div:first-child:has(.note-tab:first-child:nth-last-child(2)) {
display: none !important;
}
/* Remove main panel rounded corners when tabs are hidden */
.vertical-layout:has(.note-tab:first-child:nth-last-child(2)) #center-pane {
border-radius: 0px !important;
}This method is primarily tested in the web app and may not interact well with native title bars or window controls in the desktop app, but using custom CSS to hide UI elements is considered safe on the desktop client as well (source, source). There is also an open feature request for a true "tabless mode" if you're interested in following future developments (source). To reply, just mention @dosu. How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other |
Beta Was this translation helpful? Give feedback.
-
|
It is theoretically possible to remove the tabs, but the logic behind it still remains. You need something like: .tab-row-container {
display: none !important;
}You might need additional tweaks, for example to avoid the native title bar buttons or to make the area draggable (if you have native titlebar disabled). |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
I find it distracting in my case, and want to remove it. Is there a suggested way to do this or do I need to make a custom CSS?
Beta Was this translation helpful? Give feedback.
All reactions