fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2024-09-19 18:47:19 +02:00
Code Issues Projects Releases Packages Wiki Activity

Handle fullscreen and private-browsing mode styling better

Browse source 
This patch should mostly fix issues described in #149
This commit is contained in:
MrOtherGuy 2022-04-06 09:58:22 +03:00
parent 23e4e0a377
commit 5cf3467964
1 changed files with 19 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
chrome/navbar_tabs_oneliner_menu_buttons_on_right.css
View file

@ -24,14 +24,20 @@ Window controls will be all wrong without it
#scrollbutton-down{ border-block-width: 2px !important; } #scrollbutton-down{ border-block-width: 2px !important; }
/* reserved space for overflow + menu buttons */ /* reserved space for overflow + menu buttons */
#navigator-toolbox{--uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))} #navigator-toolbox{
#nav-bar:not([overflowing]) > #nav-bar-customization-target{ --uc-buttons-width: calc(28px + 2 * var(--toolbarbutton-outer-padding) + 6px) } --uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))
}
#nav-bar:not([overflowing]) > #nav-bar-customization-target{
--uc-buttons-width: calc(28px + 2 * var(--toolbarbutton-outer-padding) + 6px)
}
/* Override for other densities */ /* Override for other densities */
:root[uidensity="compact"] #navigator-toolbox{ :root[uidensity="compact"] #navigator-toolbox{
--uc-toolbar-height: 34px; --uc-toolbar-height: 34px;
--uc-menubutton-padding: 0px; --uc-menubutton-padding: 0px;
} }
:root[uidensity="touch"] #navigator-toolbox{ --uc-toolbar-height: 44px; } :root[uidensity="touch"] #navigator-toolbox{
--uc-toolbar-height: 44px;
}
:root[uidensity="compact"] #urlbar-container{ :root[uidensity="compact"] #urlbar-container{
--urlbar-container-height: var(--uc-toolbar-height) !important; --urlbar-container-height: var(--uc-toolbar-height) !important;
@ -75,14 +81,24 @@ Window controls will be all wrong without it
#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - var(--uc-window-drag-space-pre)) } #nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - var(--uc-window-drag-space-pre)) }
} }
:root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container,
#TabsToolbar > .toolbar-items{ #TabsToolbar > .toolbar-items{
position: relative !important; position: relative !important;
z-index: 2 z-index: 2
} }
:root[sizemode="fullscreen"] #TabsToolbar > .titlebar-spacer[type="post-tabs"]{
display: -moz-box !important;
}
.titlebar-placeholder[type="post-tabs"], .titlebar-placeholder[type="post-tabs"],
.titlebar-spacer[type="post-tabs"]{ .titlebar-spacer[type="post-tabs"]{
width: calc(var(--uc-buttons-width) + var(--uc-window-drag-space-post)) !important; width: calc(var(--uc-buttons-width) + var(--uc-window-drag-space-post)) !important;
} }
:root[privatebrowsingmode="temporary"] .titlebar-spacer[type="post-tabs"]{
width: var(--uc-buttons-width) !important
}
#PanelUI-button,#nav-bar-overflow-button{ #PanelUI-button,#nav-bar-overflow-button{
margin: 0px !important; margin: 0px !important;
border: 0px !important; border: 0px !important;