Scope styles that select #browser to browser.xhtml

This commit is contained in:
MrOtherGuy 2020-08-08 16:24:59 +03:00
parent 783914689c
commit 6263334baa
5 changed files with 284 additions and 270 deletions

View file

@ -16,6 +16,8 @@ See the above repository for updates as well as full license text. */
/* This maximum visible rows won't work before Fx66 */ /* This maximum visible rows won't work before Fx66 */
/* So this setting does nothing on Fx65 and all tab rows will be shown */ /* So this setting does nothing on Fx65 and all tab rows will be shown */
@-moz-document url(chrome://browser/content/browser.xhtml){
:root{ :root{
--multirow-toolbar-height: 40px; --multirow-toolbar-height: 40px;
--multirow-top-padding: 0px; --multirow-top-padding: 0px;
@ -129,7 +131,6 @@ See the above repository for updates as well as full license text. */
padding-inline-start: 0px !important padding-inline-start: 0px !important
} }
@-moz-document url(chrome://browser/content/browser.xhtml){
#scrollbutton-up~spacer, #scrollbutton-up~spacer,
#scrollbutton-up, #scrollbutton-up,
#scrollbutton-down{ display: var(--scrollbutton-display-model,initial) } #scrollbutton-down{ display: var(--scrollbutton-display-model,initial) }
@ -142,7 +143,6 @@ See the above repository for updates as well as full license text. */
scrollbar-color: currentColor transparent; scrollbar-color: currentColor transparent;
scrollbar-width: thin; scrollbar-width: thin;
} }
}
#tabbrowser-arrowscrollbox{ #tabbrowser-arrowscrollbox{
overflow: -moz-hidden-unscrollable; overflow: -moz-hidden-unscrollable;
@ -182,3 +182,4 @@ See the above repository for updates as well as full license text. */
#tabbrowser-arrowscrollbox > spacer, #tabbrowser-arrowscrollbox > spacer,
.tabbrowser-tab::after{ display: none !important } /* Also disables tab separators since they mysteriously break tab-row scrolling */ .tabbrowser-tab::after{ display: none !important } /* Also disables tab separators since they mysteriously break tab-row scrolling */
}

View file

@ -3,7 +3,7 @@ See the above repository for updates as well as full license text. */
/* Moves the main toolbar (#nav-bar) to the bottom of the window */ /* Moves the main toolbar (#nav-bar) to the bottom of the window */
/* REQUIRES browser.urlbar.update1 to be true, otherwise urlbar won't show any results */ @-moz-document url(chrome://browser/content/browser.xhtml){
:root:not([inFullscreen]){ :root:not([inFullscreen]){
--uc-bottom-toolbar-height: calc(39px + var(--toolbarbutton-outer-padding) ) --uc-bottom-toolbar-height: calc(39px + var(--toolbarbutton-outer-padding) )
@ -34,3 +34,5 @@ See the above repository for updates as well as full license text. */
} }
#urlbar[open] > .urlbarView{ margin-block: 0px calc(var(--urlbar-height) + 1px) !important; box-shadow: none !important; } #urlbar[open] > .urlbarView{ margin-block: 0px calc(var(--urlbar-height) + 1px) !important; box-shadow: none !important; }
}

View file

@ -5,6 +5,8 @@ See the above repository for updates as well as full license text. */
/* By default, menubar will stay on top with two options to select it's behavior - see below */ /* By default, menubar will stay on top with two options to select it's behavior - see below */
@-moz-document url(chrome://browser/content/browser.xhtml){
#titlebar{ -moz-appearance: none !important; } #titlebar{ -moz-appearance: none !important; }
@media (-moz-os-version: windows-win10){ @media (-moz-os-version: windows-win10){
@ -59,3 +61,5 @@ Menubar options
/* set to "reverse" (without quotes) if you want tabs above menubar with option 3 */ /* set to "reverse" (without quotes) if you want tabs above menubar with option 3 */
#titlebar{ -moz-box-direction: normal; } #titlebar{ -moz-box-direction: normal; }
}

View file

@ -1,7 +1,9 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/vertical_bookmarks_toolbar.css made available under Mozilla Public License v. 2.0 /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/vertical_bookmarks_toolbar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */ See the above repository for updates as well as full license text. */
Makes bookmarks toolbar appear vertically at the left side of the window /* Makes bookmarks toolbar appear vertically at the left side of the window */
@-moz-document url(chrome://browser/content/browser.xhtml){
:root:not([inDOMFullscreen]){ :root:not([inDOMFullscreen]){
--uc-vertical-toolbar-width: 60px; --uc-vertical-toolbar-width: 60px;
@ -35,3 +37,5 @@ body > #browser-bottombox,
#customization-container{ #customization-container{
margin-left: var(--uc-vertical-toolbar-width,0); margin-left: var(--uc-vertical-toolbar-width,0);
} }
}

View file

@ -6,6 +6,7 @@ See the above repository for updates as well as full license text. */
/* The first element in the menubar is used to "toggle" the file-menu & friends */ /* The first element in the menubar is used to "toggle" the file-menu & friends */
/* So, if you want the menu items to be toggleable, just move one button to be before menubar items in the toolbar. If all buttons come after menubar items, then none of those will trigger menubar items. */ /* So, if you want the menu items to be toggleable, just move one button to be before menubar items in the toolbar. If all buttons come after menubar items, then none of those will trigger menubar items. */
@-moz-document url(chrome://browser/content/browser.xhtml){
:root:not([customizing]) #titlebar{ :root:not([customizing]) #titlebar{
position: fixed; position: fixed;
@ -51,3 +52,5 @@ See the above repository for updates as well as full license text. */
} }
:root:not([inDOMFullscreen]) > #content-deck,:root:not([inDOMFullscreen]) #browser{ margin-right: 30px } :root:not([inDOMFullscreen]) > #content-deck,:root:not([inDOMFullscreen]) #browser{ margin-right: 30px }
}