boba/LoVisual
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix(download): keep the GitHub label visible under the ribbon

Browse source
This commit is contained in:
loki5512344 2026-09-29 18:53:52 +02:00
parent eb6e38e20c
commit 70e33f290f
Signed by: boba
GPG key ID: 253067914055423B
1 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/pages/download/DownloadPage.tsx
View file

@ -24,7 +24,9 @@ function GithubButtonOnHold() {
<span aria-disabled="true" className="lv-cta-quiet-lg cursor-not-allowed opacity-60">
{t('page.githubButton')}
</span>
<span className="pointer-events-none absolute left-1/2 top-1/2 w-[calc(100%+1.5rem)] -translate-x-1/2 -translate-y-1/2 -rotate-[7deg] rounded-sm bg-ember px-3 py-1 text-center font-code text-xs font-bold uppercase text-abyss shadow-lg">
{/* Band sits on the top edge: the ribbon stays on top of the button
without hiding its label. */}
<span className="pointer-events-none absolute left-1/2 top-0 w-[calc(100%+1.5rem)] -translate-x-1/2 -translate-y-1/2 -rotate-[7deg] rounded-sm bg-ember px-3 py-1 text-center font-code text-xs font-bold uppercase text-abyss shadow-lg">
{t('page.githubSoon')}
</span>
</span>