From 893802be559d90bd5a0ec24c13923e63cf18b019 Mon Sep 17 00:00:00 2001 From: Moyasee Date: Fri, 7 Nov 2025 13:27:24 +0200 Subject: [PATCH 1/3] fix: next suggestion and title not being showed --- src/main/services/steam-250.ts | 2 +- .../src/pages/game-details/game-details.scss | 16 ++++++++++++++++ 2 files changed, 17 insertions(+), 1 deletion(-) diff --git a/src/main/services/steam-250.ts b/src/main/services/steam-250.ts index 5652b0d3..826e528f 100644 --- a/src/main/services/steam-250.ts +++ b/src/main/services/steam-250.ts @@ -16,7 +16,7 @@ export const requestSteam250 = async (path: string) => { if (!steamGameUrl) return null; return { - title: $title.textContent, + title: $title.getAttribute("data-title") || "", objectId: steamGameUrl.split("/").pop(), } as Steam250Game; }) diff --git a/src/renderer/src/pages/game-details/game-details.scss b/src/renderer/src/pages/game-details/game-details.scss index f5f77a86..9fdc9485 100644 --- a/src/renderer/src/pages/game-details/game-details.scss +++ b/src/renderer/src/pages/game-details/game-details.scss @@ -130,6 +130,22 @@ } } + // Randomizer button styles + &__randomizer-button { + position: fixed; + bottom: calc(globals.$spacing-unit * 5); + right: calc(globals.$spacing-unit * 5); + z-index: 100; + padding: calc(globals.$spacing-unit * 1.5) calc(globals.$spacing-unit * 2); + overflow: visible; + } + + &__stars-icon-container { + width: 70px; + height: 70px; + position: relative; + } + // Skeleton-specific styles &__skeleton { .react-loading-skeleton { From 6e6e0f7bb71f22404c0c7b2835c3eaff12232c43 Mon Sep 17 00:00:00 2001 From: Moyasee Date: Fri, 7 Nov 2025 13:35:50 +0200 Subject: [PATCH 2/3] fix: duplicate next suggestion styling removal --- .../src/pages/game-details/game-details.scss | 16 ------------- src/renderer/src/pages/game-details/hero.scss | 24 ++++++++++++------- 2 files changed, 16 insertions(+), 24 deletions(-) diff --git a/src/renderer/src/pages/game-details/game-details.scss b/src/renderer/src/pages/game-details/game-details.scss index 9fdc9485..f5f77a86 100644 --- a/src/renderer/src/pages/game-details/game-details.scss +++ b/src/renderer/src/pages/game-details/game-details.scss @@ -130,22 +130,6 @@ } } - // Randomizer button styles - &__randomizer-button { - position: fixed; - bottom: calc(globals.$spacing-unit * 5); - right: calc(globals.$spacing-unit * 5); - z-index: 100; - padding: calc(globals.$spacing-unit * 1.5) calc(globals.$spacing-unit * 2); - overflow: visible; - } - - &__stars-icon-container { - width: 70px; - height: 70px; - position: relative; - } - // Skeleton-specific styles &__skeleton { .react-loading-skeleton { diff --git a/src/renderer/src/pages/game-details/hero.scss b/src/renderer/src/pages/game-details/hero.scss index 41264fe4..82f64337 100644 --- a/src/renderer/src/pages/game-details/hero.scss +++ b/src/renderer/src/pages/game-details/hero.scss @@ -231,26 +231,36 @@ $hero-height: 350px; } &__randomizer-button { - padding: calc(globals.$spacing-unit * 1.5); + position: fixed; + bottom: calc(globals.$spacing-unit * 5); + right: calc(globals.$spacing-unit * 5); + z-index: 100; + padding: calc(globals.$spacing-unit * 1.5) calc(globals.$spacing-unit * 2); background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(20px); border-radius: 8px; transition: all ease 0.2s; cursor: pointer; min-height: 40px; - min-width: 40px; display: flex; align-items: center; justify-content: center; + gap: globals.$spacing-unit; color: globals.$muted-color; border: solid 1px globals.$border-color; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8); animation: slide-in 0.3s cubic-bezier(0.33, 1, 0.68, 1); + overflow: visible; &:active { opacity: 0.9; } + &:disabled { + opacity: globals.$disabled-opacity; + cursor: not-allowed; + } + &:hover { background-color: rgba(0, 0, 0, 0.5); color: globals.$body-color; @@ -258,17 +268,15 @@ $hero-height: 350px; } &__stars-icon-container { - width: 20px; + width: 16px; height: 16px; - display: flex; - align-items: center; - justify-content: center; position: relative; } &__stars-icon { - width: 26px; + width: 70px; position: absolute; - top: -3px; + top: -28px; + left: -27px; } } From 50b0a8220455e7005365e261ef8b3bb138ccf270 Mon Sep 17 00:00:00 2001 From: Chubby Granny Chaser Date: Sat, 8 Nov 2025 08:17:19 +0000 Subject: [PATCH 3/3] feat: improving styles on randomizer button --- src/renderer/src/pages/game-details/hero.scss | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/src/renderer/src/pages/game-details/hero.scss b/src/renderer/src/pages/game-details/hero.scss index 82f64337..fd071eec 100644 --- a/src/renderer/src/pages/game-details/hero.scss +++ b/src/renderer/src/pages/game-details/hero.scss @@ -233,10 +233,10 @@ $hero-height: 350px; &__randomizer-button { position: fixed; bottom: calc(globals.$spacing-unit * 5); - right: calc(globals.$spacing-unit * 5); + right: calc(globals.$spacing-unit * 2); z-index: 100; padding: calc(globals.$spacing-unit * 1.5) calc(globals.$spacing-unit * 2); - background-color: rgba(0, 0, 0, 0.6); + background-color: rgba(255, 255, 255, 0.08); backdrop-filter: blur(20px); border-radius: 8px; transition: all ease 0.2s; @@ -248,21 +248,19 @@ $hero-height: 350px; gap: globals.$spacing-unit; color: globals.$muted-color; border: solid 1px globals.$border-color; - box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8); + box-shadow: + 0px 0px 10px 0px rgba(0, 0, 0, 0.8), + 0px 2px 8px 0px rgba(255, 255, 255, 0.1); animation: slide-in 0.3s cubic-bezier(0.33, 1, 0.68, 1); overflow: visible; - &:active { - opacity: 0.9; - } - &:disabled { opacity: globals.$disabled-opacity; cursor: not-allowed; } &:hover { - background-color: rgba(0, 0, 0, 0.5); + background-color: rgba(255, 255, 255, 0.12); color: globals.$body-color; } }