Use @media for -moz-bool-pref instead of @supports

rafaelmardojai · Nov 21, 2023 · ab83079 · ab83079
1 parent 1c32013
commit ab83079
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 17 deletions.
diff --git 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;
         }
     }
-}
+}
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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,