diff --git a/css/dark-theme.scss b/css/dark-theme.scss index a83201d6..478e1ec2 100644 --- a/css/dark-theme.scss +++ b/css/dark-theme.scss @@ -5908,4 +5908,12 @@ background: var(--headers) !important; } + div.rnf-unseen-badge { + background: var(--skittle-wantlist) !important; + + span.rnf-unseen-badge__count { + color: var(--white) !important; + } + } + } diff --git a/js/extension/features/shopping-spree-mode-new.js b/js/extension/features/shopping-spree-mode-new.js index 21b10312..53b9f58e 100644 --- a/js/extension/features/shopping-spree-mode-new.js +++ b/js/extension/features/shopping-spree-mode-new.js @@ -101,19 +101,20 @@ rl.ready(() => { if (res.ok) { let selector = 'nav[class*="_user"] a[href^="/sell/cart"]', - cartTotal = document.querySelector(selector), - cartIcon = cartTotal.querySelector('svg').cloneNode(true), + cartTotal = document.querySelector(selector + ' .rnf-unseen-badge__count'), currentCartTotal = Number(cartTotal?.textContent?.trim()) || 0, newCartTotal = currentCartTotal + 1; + if (!cartTotal) { + document.querySelector(selector + ' div').className = 'rnf-unseen-badge'; + document.querySelector(selector + ' div span').className = 'rnf-unseen-badge__count'; + } + showInCartStatus(addToCartButton); - let totalText = document.createTextNode(newCartTotal), - toolTipId = document.querySelector(selector).getAttribute('aria-describedby'); + let toolTipId = document.querySelector(selector).getAttribute('aria-describedby'); // Update total in header - cartTotal.textContent = ''; - cartTotal.appendChild(cartIcon); - cartTotal.appendChild(totalText); + document.querySelector(selector + ' .rnf-unseen-badge__count').textContent = newCartTotal; // Update tooltip document.getElementById(toolTipId).textContent = `${newCartTotal} ${tooltipTranslations[language]}`; // Update the sellersInCart data to work with diff --git a/manifest.json b/manifest.json index 1ddb87ae..102b41c7 100644 --- a/manifest.json +++ b/manifest.json @@ -3,7 +3,7 @@ "name": "Discogs Enhancer", "short_name": "Discogs Enhancer", "description": "Adds a dark theme, block sellers, price comparisons, currency converter, configurable quick search, & more to Discogs!", - "version": "3.6.6", + "version": "3.6.7", "author": "Matthew Salcido", "homepage_url": "https://www.discogs-enhancer.com", "action": { diff --git a/package-lock.json b/package-lock.json index 77f779fc..91b141c3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "discogs-enhancer", - "version": "3.6.6", + "version": "3.6.7", "lockfileVersion": 2, "requires": true, "packages": { diff --git a/package.json b/package.json index 9d7e7df8..5fefabd6 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "discogs-enhancer", - "version": "3.6.6", + "version": "3.6.7", "description": "A Chrome extension that adds useful functionality to Discogs.com! https://www.discogs-enhancer.com", "main": "index.js", "scripts": {