From 1307b43f0c9179434ea0e39a2ae645a2987b7415 Mon Sep 17 00:00:00 2001 From: redphx <96280+redphx@users.noreply.github.com> Date: Sat, 5 Aug 2023 08:03:40 +0700 Subject: [PATCH] Switch to icons from phosphoricons.com --- better-xcloud.user.js | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/better-xcloud.user.js b/better-xcloud.user.js index 622c43d..3d4ad7a 100644 --- a/better-xcloud.user.js +++ b/better-xcloud.user.js @@ -22,9 +22,10 @@ var $STREAM_VIDEO; var $SCREENSHOT_CANVAS; var GAME_TITLE_ID; -// Credit: https://www.iconfinder.com/iconsets/user-interface-outline-27 -const ICON_VIDEO_SETTINGS = ''; -const ICON_STREAM_STATS = ''; +// Credit: https://phosphoricons.com +const ICON_VIDEO_SETTINGS = ''; +const ICON_STREAM_STATS = ''; +const ICON_SCREENSHOT_B64 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMjguMzA4IDUuMDM4aC00LjI2NWwtMi4wOTctMy4xNDVhMS4yMyAxLjIzIDAgMCAwLTEuMDIzLS41NDhoLTkuODQ2YTEuMjMgMS4yMyAwIDAgMC0xLjAyMy41NDhMNy45NTYgNS4wMzhIMy42OTJBMy43MSAzLjcxIDAgMCAwIDAgOC43MzF2MTcuMjMxYTMuNzEgMy43MSAwIDAgMCAzLjY5MiAzLjY5MmgyNC42MTVBMy43MSAzLjcxIDAgMCAwIDMyIDI1Ljk2MlY4LjczMWEzLjcxIDMuNzEgMCAwIDAtMy42OTItMy42OTJ6bS02Ljc2OSAxMS42OTJjMCAzLjAzOS0yLjUgNS41MzgtNS41MzggNS41MzhzLTUuNTM4LTIuNS01LjUzOC01LjUzOCAyLjUtNS41MzggNS41MzgtNS41MzggNS41MzggMi41IDUuNTM4IDUuNTM4eiIvPjwvc3ZnPgo='; class MouseCursorHider { @@ -1117,7 +1118,7 @@ div[class*=StreamMenu-module__menuContainer] > div[class*=Menu-module] { bottom: 0; width: 60px; height: 60px; - padding: 5px; + padding: 12px; background-size: cover; background-repeat: no-repeat; background-origin: content-box; @@ -1125,8 +1126,8 @@ div[class*=StreamMenu-module__menuContainer] > div[class*=Menu-module] { transition: opacity 0.1s ease-in-out 0s, padding 0.1s ease-in 0s; z-index: 8888; - /* Credit: https://www.iconfinder.com/iconsets/user-interface-outline-27 */ - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIgN2E1LjAyIDUuMDIgMCAwIDAtNSA1IDUuMDIgNS4wMiAwIDAgMCA1IDUgNS4wMiA1LjAyIDAgMCAwIDUtNSA1LjAyIDUuMDIgMCAwIDAtNS01em0wIDJjMS42NjkgMCAzIDEuMzMxIDMgM3MtMS4zMzEgMy0zIDMtMy0xLjMzMS0zLTMgMS4zMzEtMyAzLTN6TTYgMkMzLjgwMSAyIDIgMy44MDEgMiA2djJhMSAxIDAgMSAwIDIgMFY2YTEuOTcgMS45NyAwIDAgMSAyLTJoMmExIDEgMCAxIDAgMC0yek0zIDE1YTEgMSAwIDAgMC0xIDF2MmMwIDIuMTk5IDEuODAxIDQgNCA0aDJhMSAxIDAgMSAwIDAtMkg2YTEuOTcgMS45NyAwIDAgMS0yLTJ2LTJhMSAxIDAgMCAwLTEtMXptMTggMGExIDEgMCAwIDAtMSAxdjJhMS45NyAxLjk3IDAgMCAxLTIgMmgtMmExIDEgMCAxIDAgMCAyaDJjMi4xOTkgMCA0LTEuODAxIDQtNHYtMmExIDEgMCAwIDAtMS0xeiIvPjxwYXRoIGQ9Ik0xNiAyYTEgMSAwIDEgMCAwIDJoMmExLjk3IDEuOTcgMCAwIDEgMiAydjJhMSAxIDAgMSAwIDIgMFY2YzAtMi4xOTktMS44MDEtNC00LTR6Ii8+PC9zdmc+Cg==); + /* Credit: https://phosphoricons.com */ + background-image: url(${ICON_SCREENSHOT_B64}); } .better-xcloud-screenshot-button[data-showing=true] { @@ -1134,7 +1135,7 @@ div[class*=StreamMenu-module__menuContainer] > div[class*=Menu-module] { } .better-xcloud-screenshot-button[data-capturing=true] { - padding: 0px; + padding: 6px; } .better-xcloud-screenshot-canvas { @@ -1987,7 +1988,7 @@ function cloneStreamMenuButton($orgButton, label, svg_icon) { const $svg = $button.querySelector('svg'); $svg.innerHTML = svg_icon; - $svg.setAttribute('viewBox', '0 0 24 24'); + $svg.setAttribute('viewBox', '0 0 32 32'); return $button; }