diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 7b25a5b..8c68f0b 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -4466,17 +4466,37 @@ :root[sizemode="maximized"][tabsintitlebar] { --uc-titlebar-padding: 8px; } + :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + + :root[sizemode="normal"][tabsintitlebar] #titlebar, + :root[sizemode="maximized"][tabsintitlebar] #titlebar { + appearance: none !important; + } + + .browser-toolbar:not(.titlebar-color) { + background-clip: border-box !important; + } } #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, #TabsToolbar > .titlebar-buttonbox-container { position: fixed; display: block; - top: var(--uc-titlebar-padding); + top: 0; right: 0; - height: 40px; z-index: 1; } + #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { + height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); + } + @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) { + #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { + stroke: var(--toolbar-color, currentColor) !important; + } + } + /* where window controls are on left */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { :root { @@ -4614,17 +4634,37 @@ :root[sizemode="maximized"][tabsintitlebar] { --uc-titlebar-padding: 8px; } + :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + + :root[sizemode="normal"][tabsintitlebar] #titlebar, + :root[sizemode="maximized"][tabsintitlebar] #titlebar { + appearance: none !important; + } + + .browser-toolbar:not(.titlebar-color) { + background-clip: border-box !important; + } } #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, #TabsToolbar > .titlebar-buttonbox-container { position: fixed; display: block; - top: var(--uc-titlebar-padding); + top: 0; right: 0; - height: 40px; z-index: 1; } + #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { + height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); + } + @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) { + #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { + stroke: var(--toolbar-color, currentColor) !important; + } + } + /* where window controls are on left */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { :root { @@ -4759,17 +4799,37 @@ :root[sizemode="maximized"][tabsintitlebar] { --uc-titlebar-padding: 8px; } + :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + + :root[sizemode="normal"][tabsintitlebar] #titlebar, + :root[sizemode="maximized"][tabsintitlebar] #titlebar { + appearance: none !important; + } + + .browser-toolbar:not(.titlebar-color) { + background-clip: border-box !important; + } } #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, #TabsToolbar > .titlebar-buttonbox-container { position: fixed; display: block; - top: var(--uc-titlebar-padding); + top: 0; right: 0; - height: 40px; z-index: 1; } + #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { + height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); + } + @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) { + #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { + stroke: var(--toolbar-color, currentColor) !important; + } + } + /* where window controls are on left */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { :root { @@ -4907,17 +4967,37 @@ :root[sizemode="maximized"][tabsintitlebar] { --uc-titlebar-padding: 8px; } + :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + + :root[sizemode="normal"][tabsintitlebar] #titlebar, + :root[sizemode="maximized"][tabsintitlebar] #titlebar { + appearance: none !important; + } + + .browser-toolbar:not(.titlebar-color) { + background-clip: border-box !important; + } } #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, #TabsToolbar > .titlebar-buttonbox-container { position: fixed; display: block; - top: var(--uc-titlebar-padding); + top: 0; right: 0; - height: 40px; z-index: 1; } + #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { + height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); + } + @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) { + #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { + stroke: var(--toolbar-color, currentColor) !important; + } + } + /* where window controls are on left */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { :root { @@ -5065,17 +5145,37 @@ :root[sizemode="maximized"][tabsintitlebar] { --uc-titlebar-padding: 8px; } + :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + + :root[sizemode="normal"][tabsintitlebar] #titlebar, + :root[sizemode="maximized"][tabsintitlebar] #titlebar { + appearance: none !important; + } + + .browser-toolbar:not(.titlebar-color) { + background-clip: border-box !important; + } } #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, #TabsToolbar > .titlebar-buttonbox-container { position: fixed; display: block; - top: var(--uc-titlebar-padding); + top: 0; right: 0; - height: 40px; z-index: 1; } + #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { + height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); + } + @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) { + #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { + stroke: var(--toolbar-color, currentColor) !important; + } + } + /* where window controls are on left */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { :root { @@ -5210,17 +5310,37 @@ :root[sizemode="maximized"][tabsintitlebar] { --uc-titlebar-padding: 8px; } + :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + + :root[sizemode="normal"][tabsintitlebar] #titlebar, + :root[sizemode="maximized"][tabsintitlebar] #titlebar { + appearance: none !important; + } + + .browser-toolbar:not(.titlebar-color) { + background-clip: border-box !important; + } } #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, #TabsToolbar > .titlebar-buttonbox-container { position: fixed; display: block; - top: var(--uc-titlebar-padding); + top: 0; right: 0; - height: 40px; z-index: 1; } + #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { + height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); + } + @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) { + #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { + stroke: var(--toolbar-color, currentColor) !important; + } + } + /* where window controls are on left */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { :root { @@ -7233,7 +7353,7 @@ @supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref( "userChrome.autohide.bookmarkbar" ) - or -moz-bool-pref("userChrome.tabbar.one_liner") { + or -moz-bool-pref("userChrome.tabbar.one_liner") or -moz-bool-pref("userChrome.hidden.tabbar") { :root { --uc-tabbar-height: var(--tab-min-height); --uc-tabbar-hide-height: calc(-1 * var(--uc-tabbar-height)); diff --git a/src/autohide/_common.scss b/src/autohide/_common.scss index 8347e8a..02fc759 100644 --- a/src/autohide/_common.scss +++ b/src/autohide/_common.scss @@ -1,4 +1,4 @@ -@include Option("userChrome.autohide.tabbar", "userChrome.autohide.navbar", "userChrome.autohide.bookmarkbar", "userChrome.tabbar.one_liner") { +@include Option("userChrome.autohide.tabbar", "userChrome.autohide.navbar", "userChrome.autohide.bookmarkbar", "userChrome.tabbar.one_liner", "userChrome.hidden.tabbar") { :root { --uc-tabbar-height: var(--tab-min-height); // calc((var(--tab-block-margin) * 2) + var(--tab-min-height)); --uc-tabbar-hide-height: calc(-1 * var(--uc-tabbar-height)); diff --git a/src/tabbar/layout/_window_control.scss b/src/tabbar/layout/_window_control.scss index ca11c3d..fa32056 100644 --- a/src/tabbar/layout/_window_control.scss +++ b/src/tabbar/layout/_window_control.scss @@ -8,6 +8,17 @@ See the above repository for updates as well as full license text. */ @include OS($win) { :root[sizemode="maximized"][tabsintitlebar] { --uc-titlebar-padding: 8px; + + #navigator-toolbox { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + } + :root[sizemode="normal"][tabsintitlebar] #titlebar, + :root[sizemode="maximized"][tabsintitlebar] #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color) { + background-clip: border-box !important; } } @@ -15,11 +26,21 @@ See the above repository for updates as well as full license text. */ #TabsToolbar > .titlebar-buttonbox-container { position: fixed; display: block; - top: var(--uc-titlebar-padding); + top: 0; right:0; - height: 40px; z-index: 1; } +#toolbar-menubar[autohide="true"] { + > .titlebar-buttonbox-container { + height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); + } + + @include OS($win10) { + &[inactive="true"] > > .titlebar-buttonbox-container .titlebar-button { + stroke: var(--toolbar-color, currentColor) !important; + } + } +} /* where window controls are on left */ @include OS($mac) {