histausse/typst-web-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tweak the style of the alt text buble

Browse source
This commit is contained in:
Jean-Marie 'Histausse' Mineau 2026-04-17 19:00:32 +02:00
parent 3ee1f727de
commit 383cf855b5
Signed by: histausse
GPG key ID: B66AEEDA9B645AD2
2 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
lib/figures.typ
View file

@ -59,7 +59,7 @@
.alt-text { .alt-text {
visibility: hidden; visibility: hidden;
opacity: 0; opacity: 0;
background-color: var(--color-bg-overlay); background-color: var(--color-bg-alt-text);
padding: 10px; padding: 10px;
margin: 10px; margin: 10px;
top: 0; top: 0;
@ -68,6 +68,8 @@
z-index: 1; z-index: 1;
transition: opacity 250ms ease-in, visibility 0ms ease-in 250ms; transition: opacity 250ms ease-in, visibility 0ms ease-in 250ms;
box-shadow: inset 0px 0px 0.4em 0px var(--color-button-shadow);
} }
&:hover .alt-text { &:hover .alt-text {

4
lib/theme_colors.typ
View file

@ -16,6 +16,8 @@
--color-code-bg: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05)); --color-code-bg: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05));
--color-bg-overlay: light-dark(rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0.9)) --color-bg-overlay: light-dark(rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0.9));
--color-bg-alt-text: light-dark(rgba(255, 255, 255, 0.9), rgba(33, 36, 38, 0.9));
} }
``` ```