tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Move window control placeholder styles to shared stylesheet

Browse Source
This commit is contained in:
MrOtherGuy
2019-02-09 00:03:13 +02:00
parent feba8a6403
commit 5e46b7a0a3
10 changed files with 140 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
chrome/navbar_tabs_oneliner_menu_buttons_on_right.css
View File

@@ -1,9 +1,21 @@
/* Variation of oneliner where menubutton and overflow button are next to window controls (if window controls are on right side) */
/* IMPORTANT */
/*
Get EITHER
window_control_placeholder_support.css
OR
window_control_placeholder_support_mac.css
Window controls will be all wrong without it
*/
/* Modify these to change relative widths or default height */
#navigator-toolbox{
--uc-navigationbar-width: 50vw;
--uc-window-control-width: 138px;
--uc-toolbar-height: 40px;
--window-drag-space-width: 20px
}
/* reserved space for overflow + menu buttons */
#navigator-toolbox{--uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))}
@@ -24,17 +36,19 @@
.titlebar-placeholder[type="pre-tabs"],.titlebar-spacer[type="pre-tabs"]{ width:8px !important}
#nav-bar{ margin-top: calc(0px - var(--uc-toolbar-height)); }
/* 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)
#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-window-control-width) - var(--uc-buttons-width) - var(--uc-window-drag-space-width)) }
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
:root:not([inFullscreen]) #nav-bar{
padding-left: calc(var(--uc-window-control-width,72px) + var(--uc-window-drag-space-width,20px));
}
.titlebar-buttonbox-container{ position: fixed; left: 0px; z-index: 3; }
#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - var(--uc-window-drag-space-width)) }
}
#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - (3 * 46px) - var(--window-drag-space-width)) }
#TabsToolbar > :not(hbox){ position: relative !important; z-index: 2 }
.titlebar-placeholder[type="post-tabs"],
.titlebar-spacer[type="post-tabs"]{
width: calc(var(--uc-buttons-width) + var(--window-drag-space-width)) !important;
width: calc(var(--uc-buttons-width) + var(--uc-window-drag-space-width)) !important;
}
#PanelUI-button,#nav-bar-overflow-button{
margin: 0px !important;
@@ -46,4 +60,4 @@
.tab-close-button{ margin-top: 0 !important }
/* Hide dropdown placeholder */
#urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;}
#urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; }