From ab83079a035ac6f5cebb7575071dac515a1c209b Mon Sep 17 00:00:00 2001 From: CZMG Date: Fri, 20 Oct 2023 19:07:47 -0400 Subject: [PATCH] Use @media for -moz-bool-pref instead of @supports --- theme/extensions/tab-center-reborn.css | 6 +++--- theme/parts/buttons-fixes.css | 2 +- theme/parts/csd.css | 2 +- theme/parts/tabsbar.css | 16 ++++++++-------- theme/parts/toolbox.css | 4 ++-- theme/symbolic-tab-icons.css | 2 +- theme/system-icons.css | 2 +- 7 files changed, 17 insertions(+), 17 deletions(-) diff --git a/theme/extensions/tab-center-reborn.css b/theme/extensions/tab-center-reborn.css index 7382f3a..2edd7af 100644 --- a/theme/extensions/tab-center-reborn.css +++ b/theme/extensions/tab-center-reborn.css @@ -1,4 +1,4 @@ -@supports -moz-bool-pref("gnomeTheme.extensions.tabCenterReborn") { +@media (-moz-bool-pref: "gnomeTheme.extensions.tabCenterReborn") { :root { --delay: 0s; --transition-time: 0.2s; @@ -137,7 +137,7 @@ } } -@supports -moz-bool-pref("gnomeTheme.extensions.tabCenterReborn.alwaysOpen") { +@media (-moz-bool-pref: "gnomeTheme.extensions.tabCenterReborn.alwaysOpen") { #sidebar-box[sidebarcommand*="tabcenter"] #sidebar, #sidebar-box[sidebarcommand*="tabcenter"] { min-width: 10vw !important; @@ -158,4 +158,4 @@ max-width: 250px !important; } } -} \ No newline at end of file +} diff --git a/theme/parts/buttons-fixes.css b/theme/parts/buttons-fixes.css index ac0931a..b1cbfb4 100644 --- a/theme/parts/buttons-fixes.css +++ b/theme/parts/buttons-fixes.css @@ -253,7 +253,7 @@ button.close { } /* OPTIONAL: Hide unified-extensions-button */ -@supports -moz-bool-pref("gnomeTheme.hideUnifiedExtensions") { +@media (-moz-bool-pref: "gnomeTheme.hideUnifiedExtensions") { #unified-extensions-button { display: none; } diff --git a/theme/parts/csd.css b/theme/parts/csd.css index d86aa20..16fb51f 100644 --- a/theme/parts/csd.css +++ b/theme/parts/csd.css @@ -160,7 +160,7 @@ } /* OPTIONAL: Allow draging the window from headerbar buttons */ -@supports -moz-bool-pref("gnomeTheme.dragWindowHeaderbarButtons") { +@media (-moz-bool-pref: "gnomeTheme.dragWindowHeaderbarButtons") { :root[tabsintitlebar] #nav-bar *, :root[tabsintitlebar] #titlebar .titlebar-button, :root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton { diff --git a/theme/parts/tabsbar.css b/theme/parts/tabsbar.css index 49423e1..7533fb5 100644 --- a/theme/parts/tabsbar.css +++ b/theme/parts/tabsbar.css @@ -514,7 +514,7 @@ tab { } /* OPTIONAL: Hide single tab */ -@supports -moz-bool-pref("gnomeTheme.hideSingleTab") { +@media (-moz-bool-pref: "gnomeTheme.hideSingleTab") { #tabbrowser-tabs tab:only-of-type, #tabbrowser-tabs tab:only-of-type ~ toolbarbutton, #tabbrowser-tabs tab:only-of-type ~ #tabbrowser-arrowscrollbox-periphery { @@ -523,7 +523,7 @@ tab { } /* OPTIONAL: Use normal width tabs */ -@supports -moz-bool-pref("gnomeTheme.normalWidthTabs") { +@media (-moz-bool-pref: "gnomeTheme.normalWidthTabs") { .tabbrowser-tab:not([style^="max-width"]):not([pinned]), .tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) { max-width: 225px !important; @@ -532,7 +532,7 @@ tab { } /* OPTIONAL: Add more contrast to the active tab */ -@supports -moz-bool-pref("gnomeTheme.activeTabContrast") { +@media (-moz-bool-pref: "gnomeTheme.activeTabContrast") { .tab-background[selected=true]:not(#hack), :root:not(:-moz-window-inactive) .tabbrowser-tab:hover > .tab-stack > .tab-background:not(#hack) { background: var(--gnome-tabbar-tab-active-background-contrast) !important; @@ -544,7 +544,7 @@ tab { } /* OPTIONAL: Show the close button on the selected tab only */ -@supports -moz-bool-pref("gnomeTheme.closeOnlySelectedTabs") { +@media (-moz-bool-pref: "gnomeTheme.closeOnlySelectedTabs") { /* Hide the close buttons on hover */ .tabbrowser-tab:not([selected="true"]):hover .tab-close-button { visibility: hidden !important; @@ -561,7 +561,7 @@ tab { } /* OPTIONAL: Use tabs as headerbar */ -@supports -moz-bool-pref("gnomeTheme.tabsAsHeaderbar") { +@media (-moz-bool-pref: "gnomeTheme.tabsAsHeaderbar") { /* Rearrange bars */ #navigator-toolbox #titlebar { order: 0; @@ -579,7 +579,7 @@ tab { order: 4; } - @supports -moz-bool-pref("gnomeTheme.bookmarksToolbarUnderTabs") { + @media (-moz-bool-pref: "gnomeTheme.bookmarksToolbarUnderTabs") { #navigator-toolbox #PersonalToolbar { order: 2 !important; } @@ -616,7 +616,7 @@ tab { } /* Blend single tab into whole bar */ - @supports -moz-bool-pref("gnomeTheme.hideSingleTab") { + @media (-moz-bool-pref: "gnomeTheme.hideSingleTab") { #tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]), #tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) ~ toolbarbutton, #tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) ~ #tabbrowser-arrowscrollbox-periphery { @@ -639,7 +639,7 @@ tab { margin-right: -16px; } /* Override normal width tabs */ - @supports -moz-bool-pref("gnomeTheme.normalWidthTabs") { + @media (-moz-bool-pref: "gnomeTheme.normalWidthTabs") { #tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]):not([style^="max-width"]), #tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"][style^="max-width: 100px !important;"]:not([pinned]) { max-width: 100% !important; diff --git a/theme/parts/toolbox.css b/theme/parts/toolbox.css index 5c5dd59..f8c24a2 100644 --- a/theme/parts/toolbox.css +++ b/theme/parts/toolbox.css @@ -152,14 +152,14 @@ findbar:-moz-window-inactive description, } /* OPTIONAL: Hide WebRTC indicator */ -@supports -moz-bool-pref("gnomeTheme.hideWebrtcIndicator") { +@media (-moz-bool-pref: "gnomeTheme.hideWebrtcIndicator") { #webrtcIndicator { display: none; } } /* OPTIONAL: Move Bookmarks toolbar under tabs */ -@supports -moz-bool-pref("gnomeTheme.bookmarksToolbarUnderTabs") { +@media (-moz-bool-pref: "gnomeTheme.bookmarksToolbarUnderTabs") { #navigator-toolbox #titlebar { order: 2 !important; } diff --git a/theme/symbolic-tab-icons.css b/theme/symbolic-tab-icons.css index a409857..6e6462c 100644 --- a/theme/symbolic-tab-icons.css +++ b/theme/symbolic-tab-icons.css @@ -11,7 +11,7 @@ } /* OPTIONAL: Make all tab icons look kinda like symbolic icons */ -@supports -moz-bool-pref("gnomeTheme.symbolicTabIcons") { +@media (-moz-bool-pref: "gnomeTheme.symbolicTabIcons") { tab .tab-icon-image { filter: var(--gnome-convert-icon-to-symbolic-hack-filter); } diff --git a/theme/system-icons.css b/theme/system-icons.css index 123084b..e780f40 100644 --- a/theme/system-icons.css +++ b/theme/system-icons.css @@ -13,7 +13,7 @@ } /* OPTIONAL: Use system theme icons instead of Adwaita icons included by theme */ -@supports -moz-bool-pref("gnomeTheme.systemIcons") { +@media (-moz-bool-pref: "gnomeTheme.systemIcons") { /* Window buttons */ :root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon,