simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Higher contrast for inline translations

Browse source
This commit is contained in:
Lim Chee Aun 2025-03-02 08:46:16 +08:00
parent 945d2ac206
commit b565083495
1 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/translation-block.css
View file

@ -55,7 +55,8 @@
var(--bg-faded-blur-color) var(--bg-faded-blur-color)
); );
white-space: pre-wrap; white-space: pre-wrap;
box-shadow: inset 0 0 0 1px var(--bg-color), box-shadow:
inset 0 0 0 1px var(--bg-color),
0 1px 5px -2px var(--drop-shadow-color); 0 1px 5px -2px var(--drop-shadow-color);
text-shadow: 0 1px var(--bg-color); text-shadow: 0 1px var(--bg-color);
} }
@ -111,18 +112,15 @@
/* MINI */ /* MINI */
.status-translation-block-mini { .status-translation-block-mini {
width: fit-content;
display: flex; display: flex;
margin: 8px 0 0; margin: 8px 0 0;
padding: 8px 0 0; padding: 4px 0 0;
font-size: 90%; font-size: 90%;
border-top: var(--hairline-width) solid var(--outline-color); border-top: 1px dashed var(--outline-stronger-color);
color: var(--text-insignificant-color);
gap: 8px; gap: 8px;
transition: color 0.3s ease-in-out;
} }
.status-translation-block-mini .icon { .status-translation-block-mini .icon {
color: var(--text-insignificant-color);
margin-top: 2px; margin-top: 2px;
} }
.status:is(:hover, :active) .status-translation-block-mini {
color: var(--text-color);
}