fix: update resizeHost selector & Topbar button styling

Author: rxri

CustomApps/lyrics-plus/TabBar.js

@@ -63,8 +63,9 @@ const TabBarMore = react.memo(({ items, switchTo, lockIn }) => {
 });
 
 const TopBarContent = ({ links, activeLink, lockLink, switchCallback, lockCallback }) => {
-	const resizeHost =
-		document.querySelector(".Root__main-view .os-resize-observer-host") ?? document.querySelector(".Root__main-view .os-size-observer");
+	const resizeHost = document.querySelector(
+		".Root__main-view .os-resize-observer-host, .Root__main-view .os-size-observer, .Root__main-view .main-view-container__scroll-node"
+	);
 	const [windowSize, setWindowSize] = useState(resizeHost.clientWidth);
 	const resizeHandler = () => setWindowSize(resizeHost.clientWidth);
 

CustomApps/reddit/TabBar.js

@@ -48,8 +48,9 @@ const TabBarMore = react.memo(({ items, switchTo }) => {
 });
 
 const TopBarContent = ({ links, activeLink, switchCallback }) => {
-	const resizeHost =
-		document.querySelector(".Root__main-view .os-resize-observer-host") ?? document.querySelector(".Root__main-view .os-size-observer");
+	const resizeHost = document.querySelector(
+		".Root__main-view .os-resize-observer-host, .Root__main-view .os-size-observer, .Root__main-view .main-view-container__scroll-node"
+	);
 	const [windowSize, setWindowSize] = useState(resizeHost.clientWidth);
 	const resizeHandler = () => setWindowSize(resizeHost.clientWidth);
 

jsHelper/spicetifyWrapper.js

@@ -2256,7 +2256,7 @@ Spicetify.Topbar = (() => {
 	function waitForTopbarMounted() {
 		const globalHistoryButtons = document.querySelector(".main-globalNav-historyButtons");
 		leftGeneratedClassName = document.querySelector(
-			".main-topBar-historyButtons .main-topBar-button, .main-globalNav-historyButtons .main-globalNav-icon, .main-globalNav-historyButtons .e-9640-button-tertiary--condensed"
+			".main-topBar-historyButtons .main-topBar-button, .main-globalNav-historyButtons .main-globalNav-icon, .main-globalNav-historyButtons [data-encore-id='buttonTertiary']"
 		)?.className;
 		rightGeneratedClassName = document.querySelector(
 			".main-topBar-container .main-topBar-buddyFeed, .main-actionButtons .main-topBar-buddyFeed, .main-actionButtons .main-globalNav-buddyFeed"