diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 3056c56..384c286 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -4408,7 +4408,7 @@ /* 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: 0px; /* Same as .titlebar-spacer[type="post-tabs"] */ - --uc-widow-control-space: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-post)); + --uc-window-control-space: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-post)); } :root:is([tabsintitlebar], [sizemode="fullscreen"]) { @@ -4437,7 +4437,7 @@ } :root[sizemode="fullscreen"] { - --uc-widow-control-space: 0; + --uc-window-control-space: 0; } } :root:is([tabsintitlebar][sizemode="maximized"], [sizemode="fullscreen"]) { @@ -5361,7 +5361,7 @@ @supports -moz-bool-pref("userChrome.tabbar.as_titlebar") { :root:is([tabsintitlebar], [sizemode="fullscreen"]) #tabbrowser-tabs { /* Don't need window control */ - --uc-widow-control-space: 0px; + --uc-window-control-space: 0px; } } } @@ -5376,7 +5376,7 @@ (-moz-platform: windows-win10) { :root:is([tabsintitlebar], [sizemode="fullscreen"]) { /* Don't need window control */ - --uc-widow-control-space: 0px; + --uc-window-control-space: 0px; } } } @@ -5389,7 +5389,7 @@ /* Don't need pre spacer */ --uc-window-drag-space-pre: 0px; /* Don't need window control */ - --uc-widow-control-space: 0px; + --uc-window-control-space: 0px; } } } @@ -5410,7 +5410,7 @@ @supports -moz-bool-pref("userChrome.tabbar.as_titlebar") { :root:is([tabsintitlebar], [sizemode="fullscreen"]) #tabbrowser-tabs { /* Don't need window control */ - --uc-widow-control-space: 0px; + --uc-window-control-space: 0px; } } } @@ -5425,7 +5425,7 @@ (-moz-platform: windows-win10) { :root:is([tabsintitlebar], [sizemode="fullscreen"]) { /* Don't need window control */ - --uc-widow-control-space: 0px; + --uc-window-control-space: 0px; } } } @@ -5447,14 +5447,14 @@ @supports not -moz-bool-pref("userChrome.tabbar.one_liner") { #nav-bar { border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-widow-control-space); + border-inline-end-width: var(--uc-window-control-space); } } @supports -moz-bool-pref("userChrome.tabbar.one_liner") { @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { #nav-bar { border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-widow-control-space); + border-inline-end-width: var(--uc-window-control-space); } } @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { @@ -5462,7 +5462,7 @@ @media screen and (max-width: 1100px) { #nav-bar { border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-widow-control-space); + border-inline-end-width: var(--uc-window-control-space); } } } @@ -5478,7 +5478,7 @@ } @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { #nav-bar { - margin-inline-end: var(--uc-widow-control-space) !important; + margin-inline-end: var(--uc-window-control-space) !important; } } } @@ -5491,7 +5491,7 @@ } @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { #nav-bar { - margin-inline-end: var(--uc-widow-control-space) !important; + margin-inline-end: var(--uc-window-control-space) !important; } } } @@ -5505,14 +5505,14 @@ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { @supports not -moz-bool-pref("userChrome.tabbar.one_liner") { :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar { - border-inline-start-width: var(--uc-widow-control-space); + border-inline-start-width: var(--uc-window-control-space); border-inline-end-width: var(--uc-window-drag-space-pre); } } @supports -moz-bool-pref("userChrome.tabbar.one_liner") { @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar { - border-inline-start-width: var(--uc-widow-control-space); + border-inline-start-width: var(--uc-window-control-space); border-inline-end-width: var(--uc-window-drag-space-pre); } } @@ -5520,7 +5520,7 @@ @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") { @media screen and (max-width: 1100px) { :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar { - border-inline-start-width: var(--uc-widow-control-space); + border-inline-start-width: var(--uc-window-control-space); border-inline-end-width: var(--uc-window-drag-space-pre); } } @@ -5532,7 +5532,7 @@ @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar { - margin-inline-start: var(--uc-widow-control-space, 0px) !important; + margin-inline-start: var(--uc-window-control-space, 0px) !important; } } @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { @@ -5545,7 +5545,7 @@ @media screen and (min-width: 1100px) { @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar { - margin-inline-start: var(--uc-widow-control-space, 0px) !important; + margin-inline-start: var(--uc-window-control-space, 0px) !important; } } @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { @@ -5568,7 +5568,7 @@ } @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { :root[tabsintitlebar="true"]:not([inFullscreen]) #TabsToolbar { - margin-inline-start: var(--uc-widow-control-space, 0px) !important; + margin-inline-start: var(--uc-window-control-space, 0px) !important; } } } @@ -5581,7 +5581,7 @@ } @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { :root[tabsintitlebar="true"]:not([inFullscreen]) #TabsToolbar { - margin-inline-start: var(--uc-widow-control-space, 0px) !important; + margin-inline-start: var(--uc-window-control-space, 0px) !important; } } } @@ -5613,7 +5613,7 @@ .tabbrowser-tab[selected="true"] { -moz-window-dragging: drag; --tab-max-width: 100vw; - min-width: calc(var(--uc-tabbar-width, 100vw) - var(--uc-widow-control-space)) !important; + min-width: calc(var(--uc-tabbar-width, 100vw) - var(--uc-window-control-space)) !important; max-width: var(--tab-max-width) !important; margin-inline-start: calc(var(--tab-shadow-max-size) * -1) !important; } diff --git a/src/tabbar/_as_titlebar.scss b/src/tabbar/_as_titlebar.scss index 2bdacab..7d6fcb0 100644 --- a/src/tabbar/_as_titlebar.scss +++ b/src/tabbar/_as_titlebar.scss @@ -28,7 +28,7 @@ spacer:is([part="overflow-start-indicator"], [part="overflow-end-indicator"]), .tabbrowser-tab[selected="true"] { -moz-window-dragging: drag; --tab-max-width: 100vw; - min-width: calc(var(--uc-tabbar-width, 100vw) - var(--uc-widow-control-space)) !important; + min-width: calc(var(--uc-tabbar-width, 100vw) - var(--uc-window-control-space)) !important; max-width: var(--tab-max-width) !important; margin-inline-start: calc(var(--tab-shadow-max-size) * -1) !important; diff --git a/src/tabbar/layout/_navbar_padding.scss b/src/tabbar/layout/_navbar_padding.scss index 0f21f2c..23fb498 100644 --- a/src/tabbar/layout/_navbar_padding.scss +++ b/src/tabbar/layout/_navbar_padding.scss @@ -9,7 +9,7 @@ @mixin _remove_spacer_post() { /* Don't need window control */ - --uc-widow-control-space: 0px; + --uc-window-control-space: 0px; } @mixin _remove_spacer_oneLiner() { @@ -91,7 +91,7 @@ @include OS($win, $linux) { @include _oneLiner_navBar_borderPadding { border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-widow-control-space); + border-inline-end-width: var(--uc-window-control-space); } @include Option("userChrome.tabbar.one_liner") { @@ -100,7 +100,7 @@ margin-inline-start: var(--uc-window-drag-space-pre) !important; } @include Option("userChrome.tabbar.one_liner.tabbar_first") { - margin-inline-end: var(--uc-widow-control-space) !important; + margin-inline-end: var(--uc-window-control-space) !important; } } } @@ -112,14 +112,14 @@ @include OS($mac) { :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar { @include _oneLiner_navBar_borderPadding { - border-inline-start-width: var(--uc-widow-control-space); + border-inline-start-width: var(--uc-window-control-space); border-inline-end-width: var(--uc-window-drag-space-pre); } @include Option("userChrome.tabbar.one_liner") { @include _oneLiner_navBar_marginGap { @include NotOption("userChrome.tabbar.one_liner.tabbar_first") { - margin-inline-start: var(--uc-widow-control-space, 0px) !important; + margin-inline-start: var(--uc-window-control-space, 0px) !important; } @include Option("userChrome.tabbar.one_liner.tabbar_first") { margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; @@ -134,7 +134,7 @@ margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; } @include Option("userChrome.tabbar.one_liner.tabbar_first") { - margin-inline-start: var(--uc-widow-control-space, 0px) !important; + margin-inline-start: var(--uc-window-control-space, 0px) !important; } } } diff --git a/src/tabbar/layout/_window_control_size.scss b/src/tabbar/layout/_window_control_size.scss index e62c59b..a7f5b59 100644 --- a/src/tabbar/layout/_window_control_size.scss +++ b/src/tabbar/layout/_window_control_size.scss @@ -3,7 +3,7 @@ --uc-window-drag-space-pre: 0px; /* 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: 0px; /* Same as .titlebar-spacer[type="post-tabs"] */ - --uc-widow-control-space: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-post)); + --uc-window-control-space: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-post)); } :root:is([tabsintitlebar], [sizemode="fullscreen"]) { @@ -23,7 +23,7 @@ --uc-window-control-width: 72px; } :root[sizemode="fullscreen"] { - --uc-widow-control-space: 0; + --uc-window-control-space: 0; } }