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

Use similar code for window drag space in all stylesheets part1

Browse source
This commit is contained in:
MrOtherGuy 2019-02-07 12:43:36 +02:00
parent e6da6b0dc2
commit eabff2de11
6 changed files with 50 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
chrome/Fx65_tabs_on_bottom.css
View file

@ -4,11 +4,13 @@ Use Fx65_tabs_on_bottom_menubar_on_top_patch if you
have menubar permanently enabled and want it on top
*/
:root{ --uc-titlebar-padding: 0px; --uc-window-control-width: 138px }
:root{
--uc-titlebar-padding: 0px;
--uc-window-control-width: 138px
}
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px; }
.titlebar-buttonbox-container{
position: fixed;
top: var(--uc-titlebar-padding,0px);

17
chrome/hide_tabs_toolbar.css
View file

@ -1,12 +1,23 @@
/* Hide tabs toolbar Fx65+ */
:root{--uc-toolbar-height: 32px}
:root{
--uc-toolbar-height: 32px;
--uc-window-control-width: 138px;
}
#navigator-toolbox{ --window-drag-space-width: 24px; }
:root:not([uidensity="compact"]){--uc-toolbar-height: 38px}
#TabsToolbar{visibility: collapse}
#nav-bar{
:root:not([inFullscreen]) #nav-bar{
margin-top: calc(0px - var(--uc-toolbar-height));
padding-right: 138px;
}
/* Space to drag the window on both sides of navbar */
:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{
padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px));
padding-left: var(--window-drag-space-width,0px)
}
#toolbar-menubar{

7
chrome/hide_tabs_with_one_tab.css
View file

@ -3,7 +3,9 @@
/* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar */
/* Configurable window drag space */
:root[sizemode="normal"] #nav-bar{ --window-drag-space-width: 20px }
#navigator-toolbox{
--window-drag-space-width: 20px;
}
#titlebar{ -moz-appearance: none !important; }
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; }
@ -36,4 +38,5 @@
height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important;
-moz-appearance: initial !important;
}
#nav-bar{ padding: 0 var(--window-drag-space-width,0px) }
:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar { padding: 0px var(--window-drag-space-width,0px) }

10
chrome/hide_tabs_with_one_tab_w_window_controls.css
View file

@ -2,8 +2,10 @@
/* Firefox 65+ only */
/* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar */
:root{ --uc-window-control-width: 138px; }
/* Configurable window drag space */
:root[sizemode="normal"] #nav-bar{ --window-drag-space-width: 20px }
#navigator-toolbox{ --window-drag-space-width: 20px }
#titlebar{ -moz-appearance: none !important; }
/* We'll use window controls from menubar instead */
@ -45,4 +47,8 @@
:root:not([customizing]) #toolbar-menubar[autohide][inactive] > #menubar-items{ pointer-events: none; opacity: 0 }
#nav-bar{ padding-right: calc(3 * 46px + var(--window-drag-space-width,0px)); padding-left: var(--window-drag-space-width,0px)}
/* Space to drag the window on both sides of navbar */
:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{
padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px));
padding-left: var(--window-drag-space-width,0px)
}

8
chrome/navbar_tabs_oneliner.css
View file

@ -18,8 +18,14 @@
#nav-bar{
margin-right:calc(100vw - var(--uc-navigationbar-width));
margin-top: calc(0px - var(--uc-toolbar-height));
padding-left: var(--window-drag-space-width);
}
/* Space to drag the window on both sides of navbar */
:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{
padding-right: 0px !important;
padding-left: var(--window-drag-space-width,0px)
}
/* 1px margin on touch density causes tabs to be too high */
.tab-close-button{ margin-top: 0 !important }

19
chrome/tabs_below_content.css
View file

@ -1,5 +1,10 @@
/* Modify this to change window drag space width */
#nav-bar{ --window-drag-space-width: 24px }
:root{
--uc-window-control-width: 138px;
}
#navigator-toolbox{ --window-drag-space-width: 24px }
.titlebar-buttonbox-container{
position: fixed;
@ -11,15 +16,15 @@
display: -moz-box !important;
}
:root[sizemode="fullscreen"] > #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; }
:root[inFullscreen] > #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; }
:root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
/* Re-adjust window cotrols if menubar is permanently enabled */
:root[tabsintitlebar="true"]:not([sizemode="fullscreen"]) #toolbar-menubar[autohide="false"]{ transform: translateX(0px); }
:root[tabsintitlebar="true"]:not([sizemode="fullscreen"]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; }
:root[tabsintitlebar="true"]:not([sizemode="fullscreen"]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; }
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"]{ transform: translateX(0px); }
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; }
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; }
#titlebar{ -moz-appearance: none !important; }
/* Counteract -moz-appearance when maximized */
@ -27,8 +32,8 @@
:root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px }
/* Space to drag the window on both sides of navbar */
:root[tabsintitlebar="true"] #nav-bar{
padding-right: calc(138px + var(--window-drag-space-width,0px));
:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{
padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px));
padding-left: var(--window-drag-space-width,0px)
}