Thanks, that worked as intended. All playing together nicely now; great!
So I'm not sure where that should be added; I tried adding it at the top of fake_statusbar_w_bookmarksbar.css, so the beginning code of that file, including some original code, now looks like this:
`
#PersonalToolbar{
position: static;
grid-row: 11/12;
}
:root:not([inFullscreen]) > body::after{
content: none;
}
:root:not([inFullscreen]) > body{ --uc-statusbar-button-padding: 4px; --uc-browser-base-padding: calc(2 * var(--uc-statusbar-button-padding) + 16px + 4px); --uc-statusbar-text-vertical-position: 5px; } ` But it didn't change anything regarding tabs and statusbar, although the menubar is now back? Also, the gray bar at the top is still there. Then I tried adding that code to tabs_below_content_v2.css. with the same result.
So I moved the code back to fake_statusbar_w_bookmarksbar.css, and then in that same file I commented out this bit of code:
/*:root:not([inFullscreen]) > body::after{
content: "";
display: flex;
margin-bottom: calc(1px + var(--uc-browser-base-padding)) !important;
order: 2; /* To make this really the bottom-most toolbar even with custom toolbar order */
}*/
Now things seem to be pretty much correct, although some of the sizing seems to be a little off. Previously, the tabs were slightly less tall. So now, with the tabs slightly taller, the tab rows don't completely fit within the height of the tab bar. How can I slightly reduce the height of the tabs?
Also, is what I did above the correct solution?
Thanks for reply. So, primarily, there is a empty, gray horizontal band directly below the navigation bar, the entire width of the window. It is about the same height as the navigation bar. That, and the missing menu bar, were the real issues that I noticed yesterday. The status bar at the bottom seems correct; it has my extension icons on the right, and displays loading addresses on the left. However, today I also noticed that, although multi-row_tabs.css has --multirow-n-rows: 3; which is what I wish, yet I'm only seeing two rows of tabs at the bottom--it appears that the third row of tabs is hidden behind the status bar?
My userChrome.css is quite simple: it calls my_appearance_settings.css to set tab colours, and it then calls, in order, your three styles: multi-row_tabs.css tabs_below_content_v2.css fake_statusbar_w_bookmarksbar.css
If I comment out the fake_statusbar_w_bookmarksbar.css line, then the statusbar is of course gone, and that gray band at the top now has the extension icons (although they are near the left end rather than the right). Also, there are now three rows of tabs, and the scrolling seems correct. So perhaps the fake statusbar style is interfering with the tabs styles?
Hope that information helps.