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

Add variable controlled drag-space

Browse source
This commit is contained in:
MrOtherGuy 2018-11-26 03:54:06 +02:00
parent 31e7c0b597
commit 2d768a9563
2 changed files with 16 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
chrome/navbar_tabs_oneliner.css
View file

@ -1,5 +1,5 @@
/* Modify these to change relative widths or default hegiht */ /* Modify these to change relative widths or default hegiht */
#navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; } #navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; --window-drag-space-width: 20px}
/* Override for other densities */ /* Override for other densities */
:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; } :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; }
:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; }
@ -8,13 +8,15 @@
/* This isn't useful when tabs start in the middle of the window */ /* This isn't useful when tabs start in the middle of the window */
.titlebar-placeholder[type="pre-tabs"], .titlebar-placeholder[type="pre-tabs"],
.titlebar-spacer[type="pre-tabs"]{ display: none } .titlebar-spacer[type="pre-tabs"]{ display: none }
#nav-bar{margin-right:calc(100vw - var(--uc-navigationbar-width)); #nav-bar{
margin-top: calc(0px - var(--uc-toolbar-height)) margin-right:calc(100vw - var(--uc-navigationbar-width));
margin-top: calc(0px - var(--uc-toolbar-height));
padding-left: var(--window-drag-space-width: 20px);
} }
/* 1px margin on touch density causes tabs to be too high */ /* 1px margin on touch density causes tabs to be too high */
.tab-close-button{ margin-top: 0 } .tab-close-button{ margin-top: 0 }
/* prevent urlbar overflow on narrow windows */ /* prevent urlbar overflow on narrow windows */
@media screen and (max-width: 1300px){ @media screen and (max-width: 1000px){
#urlbar-container{ min-width:unset !important } #urlbar-container{ min-width:unset !important }
} }
/* Hide dropdown placeholder */ /* Hide dropdown placeholder */

20
chrome/navbar_tabs_oneliner_menu_buttons_on_right.css
View file

@ -1,5 +1,5 @@
/* Modify these to change relative widths or default hegiht */ /* Modify these to change relative widths or default hegiht */
#navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; } #navigator-toolbox{ --uc-navigationbar-width: 50vw; --uc-toolbar-height: 40px; --window-drag-space-width: 20px}
/* 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{ --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) } #nav-bar:not([overflowing]) > #nav-bar-customization-target{ --uc-buttons-width: calc(28px + 2 * var(--toolbarbutton-outer-padding) + 6px) }
@ -9,18 +9,17 @@
#TabsToolbar{ margin-left: var(--uc-navigationbar-width); } #TabsToolbar{ margin-left: var(--uc-navigationbar-width); }
#tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; } #tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; }
/* This isn't useful when tabs start in the middle of the window */ /* This isn't useful when tabs start in the middle of the window */
.titlebar-placeholder[type="pre-tabs"],.titlebar-spacer[type="pre-tabs"]{ width: 8px } .titlebar-placeholder[type="pre-tabs"],.titlebar-spacer[type="pre-tabs"]{ width:8px !important}
#nav-bar{ #nav-bar{
margin-right:calc(3 * 46px); margin-right:calc(3 * 46px + var(--window-drag-space-width));
margin-top: calc(0px - var(--uc-toolbar-height)) margin-top: calc(0px - var(--uc-toolbar-height));
padding-left: var(--window-drag-space-width);
} }
#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - (3 * 46px)) } #nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - (3 * 46px) - var(--window-drag-space-width)) }
#TabsToolbar > *{ position: relative !important; z-index: 2 } #TabsToolbar > :not(hbox){ position: relative !important; z-index: 2 }
.titlebar-placeholder[type="post-tabs"], .titlebar-placeholder[type="post-tabs"],
.titlebar-spacer[type="post-tabs"]{ .titlebar-spacer[type="post-tabs"]{
width: var(--uc-buttons-width) !important; width: calc(var(--uc-buttons-width) + var(--window-drag-space-width)) !important;
-moz-window-dragging: no-drag;
pointer-events:none;
} }
#PanelUI-button,#nav-bar-overflow-button{ #PanelUI-button,#nav-bar-overflow-button{
margin: 0px !important; margin: 0px !important;
@ -31,7 +30,8 @@
/* 1px margin on touch density causes tabs to be too high */ /* 1px margin on touch density causes tabs to be too high */
.tab-close-button{ margin-top: 0 } .tab-close-button{ margin-top: 0 }
/* prevent urlbar overflow on narrow windows */ /* prevent urlbar overflow on narrow windows */
@media screen and (max-width: 1300px){ /* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */
@media screen and (max-width: 1000px){
#urlbar-container{ min-width:unset !important } #urlbar-container{ min-width:unset !important }
} }
/* Hide dropdown placeholder */ /* Hide dropdown placeholder */