pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

selected_tab_as_urlbar: Add mechanism to show back and forward buttons

Browse source
This commit is contained in:
MrOtherGuy 2023-03-24 10:44:05 +02:00
parent 4650a9fb00
commit 0aa8c49b99
1 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
chrome/selected_tab_as_urlbar.css
View file

@ -10,6 +10,7 @@ See the above repository for updates as well as full license text. */
.urlbar-input-box{ z-index: -1 !important; } .urlbar-input-box{ z-index: -1 !important; }
#urlbar{ z-index: auto !important; } #urlbar{ z-index: auto !important; }
#alltabs-button, #alltabs-button,
#unified-extensions-button,
#PanelUI-button, #PanelUI-button,
#nav-bar-overflow-button{ z-index: 2; position: relative } #nav-bar-overflow-button{ z-index: 2; position: relative }
@ -46,13 +47,26 @@ See the above repository for updates as well as full license text. */
background-size: auto !important; background-size: auto !important;
} }
:root:not([customizing]) #titlebar{ margin-bottom: -40px } :root:not([customizing]) #titlebar{ margin-bottom: calc(0px - var(--tab-min-height) - 2*var(--tab-block-margin)); }
/* Oh and! also hide other buttons from the nav-bar because why not */ /* Oh and! also hide other buttons from the nav-bar because why not */
:root:not([customizing]) #nav-bar-customization-target > :not(#urlbar-container){ visibility: collapse } :root:not([customizing]) #nav-bar-customization-target > :not(#urlbar-container){ visibility: collapse }
#TabsToolbar > .toolbar-items{ margin-right: 40px !important; } #TabsToolbar > .toolbar-items{ margin-right: 80px !important; }
/* By default this style moves your back and forward buttons to the left edge of the navbar and adds a placeholder space for them.
Set the following pref to false to disable that behavior */
@supports not -moz-bool-pref("userchrome.selected-tab-as-urlbar.nav-buttons-space.disabled"){
#TabsToolbar > .toolbar-items{ margin-left: 80px }
:root[sizemode="normal"] #nav-bar-customization-target{ margin-left: 40px }
#back-button, #forward-button{
-moz-box-ordinal-group: 0;
order: -1;
visibility: visible !important;
z-index: 2;
}
}
#nav-bar{ #nav-bar{
height: calc(var(--tab-min-height) + 2*var(--tab-block-margin));
padding-right: 138px; padding-right: 138px;
box-shadow: none !important; box-shadow: none !important;
background-color: transparent !important; background-color: transparent !important;