From b56508349522f7eef9fd0e406373370e1380c97d Mon Sep 17 00:00:00 2001 From: Lim Chee Aun Date: Sun, 2 Mar 2025 08:46:16 +0800 Subject: [PATCH] Higher contrast for inline translations --- src/components/translation-block.css | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/src/components/translation-block.css b/src/components/translation-block.css index cbed2b8b..943ce531 100644 --- a/src/components/translation-block.css +++ b/src/components/translation-block.css @@ -55,7 +55,8 @@ var(--bg-faded-blur-color) ); 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); text-shadow: 0 1px var(--bg-color); } @@ -111,18 +112,15 @@ /* MINI */ .status-translation-block-mini { + width: fit-content; display: flex; margin: 8px 0 0; - padding: 8px 0 0; + padding: 4px 0 0; font-size: 90%; - border-top: var(--hairline-width) solid var(--outline-color); - color: var(--text-insignificant-color); + border-top: 1px dashed var(--outline-stronger-color); gap: 8px; - transition: color 0.3s ease-in-out; } .status-translation-block-mini .icon { + color: var(--text-insignificant-color); margin-top: 2px; } -.status:is(:hover, :active) .status-translation-block-mini { - color: var(--text-color); -}