mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-04-22 05:21:08 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update Tabs on bottom code

MS_Y 2021-09-14 01:57:15 +00:00
parent f31b1de868
commit 7dda2e1594
1 changed files with 28 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

44
Tips.md

@ -120,41 +120,53 @@ And also use this code:
```css
/* Navigator toolbox bottom border */
#navigator-toolbox {
border-bottom: 1px solid var(--toolbar-bgcolor) !important; /* Original: 1px solid var(--chrome-content-separator-color); */
border-bottom-color: var(
--toolbar-bgcolor
) !important; /* Original: 1px solid var(--chrome-content-separator-color); */
}
/* Customized https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/window_control_placeholder_support.css */
:root[tabsintitlebar] {
--uc-window-control-width: 84px; /* Same as .titlebar-buttonbox-container - Space reserved for window controls */
--uc-window-drag-space-width: 30px; /* Same as .titlebar-spacer[type="pre-tabs"] - Extra space reserved on both sides of the nav-bar to be able to drag the window */
/* 79px */
--uc-window-control-width: 84px; /* Same as .titlebar-buttonbox-container - Space reserved for window controls */
--uc-window-drag-space-pre: 30px; /* Same as .titlebar-spacer[type="pre-tabs"] - Extra space reserved on both sides of the nav-bar to be able to drag the window */
--uc-window-drag-space-post: 25px; /* Same as .titlebar-spacer[type="post-tabs"] */
}
:root[tabsintitlebar][sizemode="maximized"] {
--uc-window-control-width: 109px; /* Same as .titlebar-buttonbox-container + .titlebar-spacer[type="post-tabs"] */
--uc-window-drag-space-width: 0px; /* Same as .titlebar-spacer[type="pre-tabs"] + .titlebar-spacer[type="post-tabs"]'s border */
--uc-window-drag-space-pre: 0px; /* Remove pre space */
}
:root[sizemode="fullscreen"] .titlebar-buttonbox-container{ display: none !important }
:root[sizemode="fullscreen"] #window-controls{
:root[sizemode="fullscreen"] .titlebar-buttonbox-container {
display: none !important;
}
:root[sizemode="fullscreen"] #window-controls {
position: fixed;
display: flex;
top: 0;
right:0;
right: 0;
height: 40px;
}
:root[uidensity="compact"][sizemode="fullscreen"] #window-controls{ height: 32px }
#nav-bar{
border-inline: var(--uc-window-drag-space-width,0px) solid var(--toolbar-bgcolor);
:root[uidensity="compact"][sizemode="fullscreen"] #window-controls {
height: 32px;
}
#nav-bar {
border-inline-start-width: var(--uc-window-drag-space-pre, 0px);
border-inline-end-width: calc(var(--uc-window-control-width, 0px) + var(--uc-window-drag-space-post, 0px));
border-inline-style: solid !important;
border-right-width: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-width,0px));
border-inline-color: var(--toolbar-bgcolor);
}
/* Use this pref to check Mac OS where window controls are on left */
/* This pref defaults to true on Mac and doesn't actually do anything on other platforms. So if your system has window controls on LEFT side you can set the pref to true */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
:root{ --uc-window-control-width: 72px; }
:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{
border-inline-width: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-width,0px)) var(--uc-window-drag-space-width,0px)
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
:root {
--uc-window-control-width: 72px;
}
:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar {
border-inline-start-width: calc(var(--uc-window-control-width, 0px) + var(--uc-window-drag-space-post, 0px));
border-inline-end-width: var(--uc-window-drag-space-pre, 0px);
}
}
```