fix(web): restyle the home update hint as plain superscript text (#182)
Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
38df4e62ee
commit
6fcf6e53f0
1 file changed
+8
-5
@@ -613,12 +613,15 @@ export function DraftView({
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Superscript "new version" pill on the version line (accent-colored, raised via
|
* Superscript "new version" hint on the version line: plain small text raised via
|
||||||
* align-super). The only remaining copy: the sidebar's version row dropped its badge when
|
* align-super, in the version line's own muted color and weight. Deliberately not a pill —
|
||||||
* the three update rows collapsed into one whose label already names the new version.
|
* user feedback was that the earlier accent-colored pill read as a button; the link case
|
||||||
|
* only adds a hover underline. The only remaining copy: the sidebar's version row dropped
|
||||||
|
* its badge when the three update rows collapsed into one whose label already names the
|
||||||
|
* new version.
|
||||||
*/
|
*/
|
||||||
const versionBadgeClass =
|
const versionBadgeClass =
|
||||||
"ml-1.5 inline-block rounded-full bg-[var(--accent-bg)] px-1.5 align-super text-[10px] font-medium leading-4 text-[var(--accent-fg)] transition-opacity duration-150 hover:opacity-80";
|
"ml-1.5 inline-block align-super text-[10px] leading-4 text-gray-400 dark:text-gray-500";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Quiet version line under the brand subtitle: `vX.Y.Z · Last updated Jul 26`
|
* Quiet version line under the brand subtitle: `vX.Y.Z · Last updated Jul 26`
|
||||||
@@ -654,7 +657,7 @@ function VersionLine() {
|
|||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
title={S.update.newVersion(update.latestVersion)}
|
title={S.update.newVersion(update.latestVersion)}
|
||||||
aria-label={S.update.newVersion(update.latestVersion)}
|
aria-label={S.update.newVersion(update.latestVersion)}
|
||||||
className={versionBadgeClass}
|
className={`${versionBadgeClass} hover:underline`}
|
||||||
>
|
>
|
||||||
{S.update.newVersionBadge}
|
{S.update.newVersionBadge}
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
Reference in new issue
Block a user