diff --git a/CHANGELOG.md b/CHANGELOG.md index 8e647611..5654e296 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -22,6 +22,16 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 +## Fixed + +### Servers — complete border on the active server card + +**By [@Psychotoxical](https://github.com/Psychotoxical), PR [#998](https://github.com/Psychotoxical/psysonic/pull/998)** + +* The active server card under **Settings → Servers** now draws its border on all four sides; previously only the left and right edges showed. + + + ## [1.47.0] > **🙏 Thank you to our amazing Discord community.** This release would not have been possible without your tireless support, quality checks, bug reports and all-round collaboration. Every report, every repro and every bit of feedback shaped what shipped here — thank you. Come join us: [discord.gg/AMnDRErm4u](https://discord.gg/AMnDRErm4u) diff --git a/src/components/settings/ServersTab.tsx b/src/components/settings/ServersTab.tsx index 425b1288..f654320d 100644 --- a/src/components/settings/ServersTab.tsx +++ b/src/components/settings/ServersTab.tsx @@ -381,8 +381,16 @@ export function ServersTab({ style={{ border: isActive ? '1px solid var(--accent)' : undefined, background: isActive ? 'color-mix(in srgb, var(--accent) 10%, var(--bg-card))' : undefined, - borderTop: isBefore ? '2px solid var(--accent)' : undefined, - borderBottom: isAfter ? '2px solid var(--accent)' : undefined, + // Drop-target indicator via inset shadow rather than + // borderTop/borderBottom: mixing the `border` shorthand with + // border-side longhands in one inline style object makes React + // clear the unset sides, which drops the top/bottom border on + // the active card (only left/right remain). + boxShadow: isBefore + ? 'inset 0 2px 0 0 var(--accent)' + : isAfter + ? 'inset 0 -2px 0 0 var(--accent)' + : undefined, }} >