Remove Windows specific extra titlbar paddings from codebase
Firefox 101 doesn't need those anymore :)
This commit is contained in:
parent
4daf1969be
commit
6b242379ec
17 changed files with 10 additions and 136 deletions
|
@ -22,17 +22,6 @@ See the above repository for updates as well as full license text. */
|
||||||
(-moz-os-version: windows-win7),
|
(-moz-os-version: windows-win7),
|
||||||
(-moz-os-version: windows-win10){
|
(-moz-os-version: windows-win10){
|
||||||
|
|
||||||
:root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; }
|
|
||||||
|
|
||||||
@media screen and (min-resolution: 1.25dppx){
|
|
||||||
:root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 7px !important; }
|
|
||||||
}
|
|
||||||
@media screen and (min-resolution: 1.5dppx){
|
|
||||||
:root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 6px !important; }
|
|
||||||
}
|
|
||||||
@media screen and (min-resolution: 2dppx){
|
|
||||||
:root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ margin-top: -1px; }
|
|
||||||
}
|
|
||||||
#navigator-toolbox:not(:-moz-lwtheme){ background-color: -moz-dialog !important; }
|
#navigator-toolbox:not(:-moz-lwtheme){ background-color: -moz-dialog !important; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -92,7 +81,6 @@ See the above repository for updates as well as full license text. */
|
||||||
|
|
||||||
/* Uncomment the following for compatibility with tabs_on_bottom.css - this isn't well tested though */
|
/* Uncomment the following for compatibility with tabs_on_bottom.css - this isn't well tested though */
|
||||||
/*
|
/*
|
||||||
:root{ --uc-titlebar-padding: 0px !important; }
|
|
||||||
#navigator-toolbox{ flex-direction: column; display: flex; }
|
#navigator-toolbox{ flex-direction: column; display: flex; }
|
||||||
#titlebar{ order: 2 }
|
#titlebar{ order: 2 }
|
||||||
*/
|
*/
|
|
@ -56,11 +56,4 @@ See the above repository for updates as well as full license text. */
|
||||||
padding-left: 94px !important;
|
padding-left: 94px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (-moz-platform: windows),
|
|
||||||
(-moz-os-version: windows-win7),
|
|
||||||
(-moz-os-version: windows-win10){
|
|
||||||
:root[tabsintitlebar][sizemode="maximized"] #PanelUI-button{
|
|
||||||
top:7px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
*/
|
*/
|
|
@ -27,14 +27,6 @@ See the above repository for updates as well as full license text. */
|
||||||
#navigator-toolbox{ --tab-min-height: 40px }
|
#navigator-toolbox{ --tab-min-height: 40px }
|
||||||
:root[uidensity="compact"] #navigator-toolbox{ --tab-min-height: 32px }
|
:root[uidensity="compact"] #navigator-toolbox{ --tab-min-height: 32px }
|
||||||
|
|
||||||
@media (-moz-platform: windows),
|
|
||||||
(-moz-os-version: windows-win7),
|
|
||||||
(-moz-os-version: windows-win10){
|
|
||||||
:root[tabsintitlebar][sizemode="maximized"] > body > box{
|
|
||||||
margin-top: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#navigator-toolbox{
|
#navigator-toolbox{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
|
|
|
@ -25,14 +25,8 @@ See the above repository for updates as well as full license text. */
|
||||||
/* Dummy variable to support versions 94-96, can be removed when 96 lands */
|
/* Dummy variable to support versions 94-96, can be removed when 96 lands */
|
||||||
:root{ --lwt-frame: var(--lwt-accent-color) }
|
:root{ --lwt-frame: var(--lwt-accent-color) }
|
||||||
|
|
||||||
:root{ --uc-fake-titlebar-padding: 0px }
|
|
||||||
@media (-moz-platform: windows),
|
|
||||||
(-moz-os-version: windows-win7),
|
|
||||||
(-moz-os-version: windows-win10){
|
|
||||||
:root[sizemode="maximized"][tabsintitlebar]{ --uc-fake-titlebar-padding: 8px }
|
|
||||||
}
|
|
||||||
#navigator-toolbox{
|
#navigator-toolbox{
|
||||||
margin-top: calc(var(--tab-min-height) + 2 * var(--tab-block-margin,0px) + var(--uc-fake-titlebar-padding))
|
margin-top: calc(var(--tab-min-height) + 2 * var(--tab-block-margin,0px))
|
||||||
}
|
}
|
||||||
|
|
||||||
#titlebar,
|
#titlebar,
|
||||||
|
|
|
@ -25,14 +25,4 @@ See the above repository for updates as well as full license text. */
|
||||||
#TabsToolbar > .titlebar-spacer{ display: none }
|
#TabsToolbar > .titlebar-spacer{ display: none }
|
||||||
#TabsToolbar{ margin-bottom: calc(0px - var(--tab-min-height) - 2 * var(--tab-block-margin))}
|
#TabsToolbar{ margin-bottom: calc(0px - var(--tab-min-height) - 2 * var(--tab-block-margin))}
|
||||||
|
|
||||||
:root{ --uc-titlebar-padding: 0px; }
|
#titlebar{ -moz-appearance: none !important; }
|
||||||
|
|
||||||
@media (-moz-platform: windows),
|
|
||||||
(-moz-os-version: windows-win7),
|
|
||||||
(-moz-os-version: windows-win10){
|
|
||||||
:root[sizemode="maximized"][tabsintitlebar]{
|
|
||||||
--uc-titlebar-padding: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#titlebar{ -moz-appearance: none !important; margin-top: var(--uc-titlebar-padding) }
|
|
||||||
|
|
|
@ -53,14 +53,6 @@ See the above repository for updates as well as full license text. */
|
||||||
transform: scale(0.6);
|
transform: scale(0.6);
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
/* Extra top padding in maximized window */
|
|
||||||
@media (-moz-platform: windows),
|
|
||||||
(-moz-os-version: windows-win7),
|
|
||||||
(-moz-os-version: windows-win10){
|
|
||||||
:root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{
|
|
||||||
padding-top: var(--uc-titlebar-padding,7px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* Fix window controls not being clickable */
|
/* Fix window controls not being clickable */
|
||||||
:root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive]{
|
:root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive]{
|
||||||
transition: height 0ms steps(1) 80ms;
|
transition: height 0ms steps(1) 80ms;
|
||||||
|
|
|
@ -60,14 +60,7 @@ Window controls will be all wrong without it
|
||||||
transform: scale(0.6);
|
transform: scale(0.6);
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
/* Extra top padding in maximized window */
|
|
||||||
@media (-moz-platform: windows),
|
|
||||||
(-moz-os-version: windows-win7),
|
|
||||||
(-moz-os-version: windows-win10){
|
|
||||||
:root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{
|
|
||||||
padding-top:7px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* Window controls in nav-bar */
|
/* Window controls in nav-bar */
|
||||||
:root:not([customizing]) #toolbar-menubar[inactive]{
|
:root:not([customizing]) #toolbar-menubar[inactive]{
|
||||||
height: initial !important;
|
height: initial !important;
|
||||||
|
|
|
@ -7,13 +7,7 @@ See the above repository for updates as well as full license text. */
|
||||||
:root[uidensity="compact"] #navigator-toolbox{ --uc-menubar-height: 30px }
|
:root[uidensity="compact"] #navigator-toolbox{ --uc-menubar-height: 30px }
|
||||||
|
|
||||||
#titlebar{ -moz-box-direction: reverse; -moz-appearance: none !important; }
|
#titlebar{ -moz-box-direction: reverse; -moz-appearance: none !important; }
|
||||||
@media (-moz-platform: windows),
|
|
||||||
(-moz-os-version: windows-win7),
|
|
||||||
(-moz-os-version: windows-win10){
|
|
||||||
:root[sizemode="maximized"][tabsintitlebar] #TabsToolbar{
|
|
||||||
margin-top: 8px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#toolbar-menubar{
|
#toolbar-menubar{
|
||||||
margin-bottom: calc(0px - var(--uc-menubar-height));
|
margin-bottom: calc(0px - var(--uc-menubar-height));
|
||||||
height: var(--uc-menubar-height);
|
height: var(--uc-menubar-height);
|
||||||
|
|
|
@ -32,7 +32,7 @@ chrome/urlbar_full_width.css
|
||||||
|
|
||||||
.urlbarView{
|
.urlbarView{
|
||||||
position: fixed !important;
|
position: fixed !important;
|
||||||
top: calc(var(--uc-titlebar-padding,0px) + var(--uc-toolbar-height))
|
top: calc(var(--uc-toolbar-height))
|
||||||
}
|
}
|
||||||
#nav-bar{ border-right-width: 0px !important }
|
#nav-bar{ border-right-width: 0px !important }
|
||||||
#TabsToolbar{
|
#TabsToolbar{
|
||||||
|
|
|
@ -30,13 +30,7 @@ See the above repository for updates as well as full license text. */
|
||||||
--uc-window-drag-space-width: 30px;
|
--uc-window-drag-space-width: 30px;
|
||||||
--uc-window-control-width: 138px;
|
--uc-window-control-width: 138px;
|
||||||
}
|
}
|
||||||
@media (-moz-platform: windows),
|
|
||||||
(-moz-os-version: windows-win7),
|
|
||||||
(-moz-os-version: windows-win10){
|
|
||||||
:root[tabsintitlebar][sizemode="maximized"]{
|
|
||||||
--multirow-top-padding: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
:root[uidensity="compact"]{ --multirow-toolbar-height: 34px }
|
:root[uidensity="compact"]{ --multirow-toolbar-height: 34px }
|
||||||
:root{ border-top-width: 0px !important }
|
:root{ border-top-width: 0px !important }
|
||||||
|
|
||||||
|
|
|
@ -14,12 +14,6 @@ See the above repository for updates as well as full license text. */
|
||||||
|
|
||||||
#toolbar-menubar[autohide="true"][inactive="true"]{ height: 0px !important; }
|
#toolbar-menubar[autohide="true"][inactive="true"]{ height: 0px !important; }
|
||||||
|
|
||||||
@media (-moz-platform: windows),
|
|
||||||
(-moz-os-version: windows-win7),
|
|
||||||
(-moz-os-version: windows-win10){
|
|
||||||
:root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar{ top: 8px; }
|
|
||||||
}
|
|
||||||
|
|
||||||
#toolbar-menubar > spacer{ flex-grow: 1 }
|
#toolbar-menubar > spacer{ flex-grow: 1 }
|
||||||
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ display: none }
|
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ display: none }
|
||||||
|
|
||||||
|
|
|
@ -9,25 +9,6 @@ See the above repository for updates as well as full license text. */
|
||||||
:root:not([customizing]) #navigator-toolbox > *{ grid-area: 1/1; }
|
:root:not([customizing]) #navigator-toolbox > *{ grid-area: 1/1; }
|
||||||
:root:not([customizing]) #titlebar{ -moz-appearance: none !important; }
|
:root:not([customizing]) #titlebar{ -moz-appearance: none !important; }
|
||||||
|
|
||||||
/* -moz-appearance: none on titlebar breaks window margins, so re-adjust that */
|
|
||||||
@media (-moz-platform: windows),
|
|
||||||
(-moz-os-version: windows-win7),
|
|
||||||
(-moz-os-version: windows-win10){
|
|
||||||
|
|
||||||
:root[sizemode="maximized"]{ margin-top: 8px !important; }
|
|
||||||
|
|
||||||
@media screen and (min-resolution: 1.25dppx){
|
|
||||||
:root[sizemode="maximized"]{ margin-top: 7px !important; }
|
|
||||||
}
|
|
||||||
@media screen and (min-resolution: 1.5dppx){
|
|
||||||
:root[sizemode="maximized"]{ margin-top: 6px !important; }
|
|
||||||
}
|
|
||||||
@media screen and (min-resolution: 2dppx){
|
|
||||||
:root[sizemode="maximized"]{ margin-top: 5px !important; }
|
|
||||||
}
|
|
||||||
:root:not([tabsintitlebar]),
|
|
||||||
:root[inDOMFullscreen]{ margin-top: 0 !important; }
|
|
||||||
}
|
|
||||||
#urlbar-container{ margin-top: 1px }
|
#urlbar-container{ margin-top: 1px }
|
||||||
:root[sessionrestored] #nav-bar:not([customizing]){
|
:root[sessionrestored] #nav-bar:not([customizing]){
|
||||||
transform: rotateX(90deg);
|
transform: rotateX(90deg);
|
||||||
|
|
|
@ -21,9 +21,4 @@ See the above repository for updates as well as full license text. */
|
||||||
overflow-x: -moz-hidden-unscrollable;
|
overflow-x: -moz-hidden-unscrollable;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
@media (-moz-platform: windows),
|
|
||||||
(-moz-os-version: windows-win7),
|
|
||||||
(-moz-os-version: windows-win10){
|
|
||||||
:root[sizemode="maximized"] > head > title { padding-top: 10px }
|
|
||||||
}
|
|
||||||
}
|
}
|
|
@ -37,9 +37,6 @@ linux_gtk_window_control_patch.css
|
||||||
(-moz-os-version: windows-win7),
|
(-moz-os-version: windows-win7),
|
||||||
(-moz-os-version: windows-win10){
|
(-moz-os-version: windows-win10){
|
||||||
#titlebar{ -moz-appearance: none !important; }
|
#titlebar{ -moz-appearance: none !important; }
|
||||||
/* Counteract -moz-appearance when maximized */
|
|
||||||
:root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ padding-top: 8px !important; }
|
|
||||||
:root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px }
|
|
||||||
}
|
}
|
||||||
/* Move tabs below content */
|
/* Move tabs below content */
|
||||||
:root:not([inDOMFullscreen]) #browser-bottombox{ margin-bottom: calc(var(--tab-min-height) + 2 * var(--tab-block-margin,0px)) }
|
:root:not([inDOMFullscreen]) #browser-bottombox{ margin-bottom: calc(var(--tab-min-height) + 2 * var(--tab-block-margin,0px)) }
|
||||||
|
|
|
@ -15,25 +15,16 @@ Additionally on Linux, you may need to get:
|
||||||
linux_gtk_window_control_patch.css
|
linux_gtk_window_control_patch.css
|
||||||
*/
|
*/
|
||||||
|
|
||||||
:root{ --uc-titlebar-padding: 0px; }
|
|
||||||
@media (-moz-platform: windows),
|
|
||||||
(-moz-os-version: windows-win7),
|
|
||||||
(-moz-os-version: windows-win10){
|
|
||||||
:root[sizemode="maximized"][tabsintitlebar]{
|
|
||||||
--uc-titlebar-padding: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
|
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
|
||||||
#TabsToolbar > .titlebar-buttonbox-container{
|
#TabsToolbar > .titlebar-buttonbox-container{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
display: block;
|
display: block;
|
||||||
top: var(--uc-titlebar-padding,0px);
|
top: 0px;
|
||||||
right:0;
|
right:0;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
|
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
|
||||||
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
|
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
|
||||||
:root{ --uc-titlebar-padding: 0px !important }
|
|
||||||
.titlebar-buttonbox-container{ left:0; right: unset !important; }
|
.titlebar-buttonbox-container{ left:0; right: unset !important; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -41,8 +32,6 @@ linux_gtk_window_control_patch.css
|
||||||
|
|
||||||
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
|
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
|
||||||
|
|
||||||
#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }
|
|
||||||
|
|
||||||
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
|
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
|
||||||
|
|
||||||
#titlebar{
|
#titlebar{
|
||||||
|
|
|
@ -20,18 +20,18 @@ See the above repository for updates as well as full license text. */
|
||||||
|
|
||||||
#navigator-toolbox{
|
#navigator-toolbox{
|
||||||
-moz-window-dragging: drag;
|
-moz-window-dragging: drag;
|
||||||
padding-top: calc(var(--uc-menubar-height) + var(--uc-titlebar-padding, 0px)) !important;
|
padding-top: var(--uc-menubar-height) !important;
|
||||||
}
|
}
|
||||||
/* Remove window dragging from notification boxes */
|
/* Remove window dragging from notification boxes */
|
||||||
#tab-notification-deck,
|
#tab-notification-deck,
|
||||||
.global-notificationbox{
|
.global-notificationbox{
|
||||||
-moz-window-dragging: no-drag;
|
-moz-window-dragging: no-drag;
|
||||||
}
|
}
|
||||||
:root[sizemode="fullscreen"] #navigator-toolbox{ padding-top: 0px !important; }
|
|
||||||
#toolbar-menubar{
|
#toolbar-menubar{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
display: flex;
|
display: flex;
|
||||||
top: var(--uc-titlebar-padding,0px);
|
top: 0px;
|
||||||
height: var(--uc-menubar-height);
|
height: var(--uc-menubar-height);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
|
@ -12,18 +12,6 @@ See the above repository for updates as well as full license text. */
|
||||||
|
|
||||||
#titlebar{ -moz-appearance: none !important; }
|
#titlebar{ -moz-appearance: none !important; }
|
||||||
|
|
||||||
@media (-moz-platform: windows),
|
|
||||||
(-moz-os-version: windows-win7),
|
|
||||||
(-moz-os-version: windows-win10){
|
|
||||||
/* Next two variables are used by autohide_menubar.css */
|
|
||||||
#toolbar-menubar{ --uc-menubar-extra-margin: 0px }
|
|
||||||
:root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar{
|
|
||||||
--uc-menubar-extra-margin: 8px
|
|
||||||
}
|
|
||||||
|
|
||||||
:root[sizemode="maximized"][tabsintitlebar] :where(#browser,#customization-container,#toolbar-menubar){ margin-top: 8px }
|
|
||||||
}
|
|
||||||
|
|
||||||
#navigator-toolbox > div{ display: contents }
|
#navigator-toolbox > div{ display: contents }
|
||||||
.global-notificationbox,
|
.global-notificationbox,
|
||||||
#mainPopupSet,
|
#mainPopupSet,
|
||||||
|
|
Loading…
Reference in a new issue