BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: limit changelog link hover styling

Browse Source 
Underlines only the hovered changelog link
Removes misleading hover state from changelog sections
This commit is contained in:
Bohdan Triapitsyn
2026-05-19 14:51:15 +03:00
parent 3ac697adc7
commit 2245f148d6
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/ui/UpdateDialog.tsx
+3 -3
View File
@@ -357,7 +357,7 @@ export const UpdateDialog: React.FC<UpdateDialogProps> = ({
> >
{changelog.kind === 'raw' ? ( {changelog.kind === 'raw' ? (
<div <div
className="p-4 typography-markdown-body text-foreground leading-relaxed break-words [&_a]:!text-[var(--primary-base)] [&_a]:!no-underline hover:[&_a]:!underline" className="p-4 typography-markdown-body text-foreground leading-relaxed break-words [&_a]:!text-[var(--primary-base)] [&_a]:!no-underline [&_a:hover]:!underline"
onClickCapture={(e) => { onClickCapture={(e) => {
const target = e.target as HTMLElement; const target = e.target as HTMLElement;
const a = target.closest('a'); const a = target.closest('a');
@@ -373,7 +373,7 @@ export const UpdateDialog: React.FC<UpdateDialogProps> = ({
) : ( ) : (
<div className="divide-y divide-[var(--surface-subtle)]"> <div className="divide-y divide-[var(--surface-subtle)]">
{changelog.sections.map((section) => ( {changelog.sections.map((section) => (
<div key={section.version} className="p-4 hover:bg-background/40 transition-colors"> <div key={section.version} className="p-4">
<div className="flex items-center gap-3 mb-3"> <div className="flex items-center gap-3 mb-3">
<span className="typography-ui-label font-mono text-[var(--primary-base)] bg-[var(--primary-base)]/10 px-1.5 py-0.5 rounded"> <span className="typography-ui-label font-mono text-[var(--primary-base)] bg-[var(--primary-base)]/10 px-1.5 py-0.5 rounded">
v{section.version} v{section.version}
@@ -383,7 +383,7 @@ export const UpdateDialog: React.FC<UpdateDialogProps> = ({
</span> </span>
</div> </div>
<div <div
className="typography-markdown-body text-foreground leading-relaxed break-words [&_a]:!text-[var(--primary-base)] [&_a]:!no-underline hover:[&_a]:!underline" className="typography-markdown-body text-foreground leading-relaxed break-words [&_a]:!text-[var(--primary-base)] [&_a]:!no-underline [&_a:hover]:!underline"
onClickCapture={(e) => { onClickCapture={(e) => {
const target = e.target as HTMLElement; const target = e.target as HTMLElement;
const a = target.closest('a'); const a = target.closest('a');