mobile-config-firefox/chrome/multi-row_oneliner_combo_patch.css
MrOtherGuy 8c41908dd8 Replace uses of [{first,last}-visible-tab] with pseudo-classes
Those attributes don't exist anymore in Firefox 109
2023-01-29 20:49:11 +02:00

53 lines
No EOL
1.9 KiB
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_oneliner_combo_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/*
This a compatibility patch to combine multi-row_tabs.css and navbar_tabs_responsive_oneliner.css
Set the pref layout.css.osx-font-smoothing.enabled to true - this is enabled by default on OSX and doesn't do anything otherwise. Used to detect whether window controls are on left or on right.
This patch only supports window controls on left - ie. they will be drawn to the left of the nav-bar. If you want to use this with window controls on right you must enable native titlebar.
There is no good way to handle scrollable multiple rows so you should set the maximum rows in multi-row_tabs.css to something you won't ever hit. Or you could just check what happens.
This will NOT work correctly if you have hidden tabs such as with tab groups extensions
*/
/*
You will need 5 other stylesheets - order may or may not matter, but this patch needs to be loaded last
chrome/window_control_placeholder_support.css
chrome/navbar_tabs_responsive_oneliner.css
chrome/tabs_on_bottom.css
chrome/multi-row_tabs.css
chrome/urlbar_full_width.css
*/
/* Instructions over, begin CSS */
#navigator-toolbox > #nav-bar{
margin-top: 0px !important;
padding-left: 0px !important;
}
@media screen and (min-width: 1100px){
.urlbarView{
position: fixed !important;
top: calc(var(--uc-toolbar-height))
}
#nav-bar{ border-right-width: 0px !important }
#TabsToolbar{
margin-top: calc(0px - var(--uc-toolbar-height,0px));
margin-left: 0px;
}
#tabbrowser-tabs .tabbrowser-tab:first-child,
#tabbrowser-tabs .tabbrowser-tab[first-visible-tab]{
margin-left: var(--uc-navigationbar-width) !important;
}
}
@media screen and (max-width: 1700px){
#urlbar-container{ min-width:unset !important }
}