marcel/familienarchiv
1
0
Fork 0
Code Issues 114 Pull Requests 3 Actions Packages Projects Releases Wiki Activity

feat: Transcription read mode (clean split) #177 #205

Merged
marcel merged 20 commits from feat/issue-177-transcription-read-mode into main 2026-04-07 12:46:21 +02:00
Conversation 7 Commits 20 Files Changed 15 +5 -5
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 10fdaf7d00 - Show all commits

6
frontend/src/lib/components/AnnotationLayer.svelte
View File

@@ -182,11 +182,11 @@ const containerStyle = $derived(
<style>
@keyframes annotation-flash-anim {
0% {
outline: 3px solid rgba(0, 199, 177, 0.8);
outline: 3px solid color-mix(in srgb, var(--color-turquoise) 80%, transparent);
outline-offset: 0px;
}
100% {
outline: 3px solid rgba(0, 199, 177, 0);
outline: 3px solid color-mix(in srgb, var(--color-turquoise) 0%, transparent);
outline-offset: 2px;
}
}
@@ -198,7 +198,7 @@ const containerStyle = $derived(
@media (prefers-reduced-motion: reduce) {
.annotation-flash {
animation: none;
outline: 3px solid rgba(0, 199, 177, 0.8);
outline: 3px solid color-mix(in srgb, var(--color-turquoise) 80%, transparent);
}
}
</style>

4
frontend/src/lib/components/TranscriptionReadView.svelte
View File

@@ -38,7 +38,7 @@ let sorted = $derived([...blocks].sort((a, b) => a.sortOrder - b.sortOrder));
<style>
@keyframes flash {
0% {
background-color: rgba(0, 199, 177, 0.18);
background-color: color-mix(in srgb, var(--color-turquoise) 18%, transparent);
}
100% {
background-color: transparent;
@@ -52,7 +52,7 @@ let sorted = $derived([...blocks].sort((a, b) => a.sortOrder - b.sortOrder));
@media (prefers-reduced-motion: reduce) {
.flash-highlight {
animation: none;
background-color: rgba(0, 199, 177, 0.18);
background-color: color-mix(in srgb, var(--color-turquoise) 18%, transparent);
}
}
</style>