dschlueter/typewriter_tutor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

-m "Falsche Zeichen werde orange über korrekte gestellt."

Browse source
This commit is contained in:
jamulix 2025-10-24 18:17:06 +02:00 • committed by jamulix (aider)
commit 6f862b5eea
2 changed files with 15 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

21
static/css/style.css
View file

@ -33,7 +33,6 @@ body {
[data-bs-theme="dark"] .cursor-char::after {
background-color: #0cf;
height: 3px;
animation: blink 0.7s infinite;
}
/* Dark Theme Styles */
@ -97,7 +96,7 @@ body {
}
[data-bs-theme="dark"] .incorrect-char-overlay {
color: #ffc107;
color: #ff9500;
}
[data-bs-theme="dark"] .highlight-space,
@ -164,6 +163,17 @@ body {
overflow: hidden;
}
.card-header-custom {
background-color: #e9ecef !important;
color: #212529 !important;
border-radius: 10px 10px 0 0 !important;
}
[data-bs-theme="dark"] .card-header-custom {
background-color: #495057 !important;
color: #f8f9fa !important;
}
.card-header {
border-radius: 10px 10px 0 0 !important;
}
@ -175,12 +185,8 @@ body {
line-height: 1.6;
letter-spacing: 0.5px;
user-select: none; /* Verhindert Textauswahl */
user-select: none; /* Für Safari */
user-select: none; /* Für Firefox */
user-select: none; /* Für Internet Explorer/Edge */
white-space: pre-wrap;
overflow: auto;
overflow-wrap: break-word;
overflow-wrap: break-word;
word-break: normal;
padding-top: 2.5em; /* Vergrößerter Abstand am oberen Rand */
@ -191,7 +197,6 @@ body {
width: 100%;
white-space: pre-wrap;
font-family: monospace;
overflow-wrap: break-word;
overflow-wrap: break-word;
word-break: normal;
hyphens: none;
@ -235,7 +240,7 @@ body {
top: -1em;
left: 0;
font-size: 0.7em;
color: #ffc107;
color: #ff9500;
background-color: transparent;
font-weight: bold;
z-index: 10;

4
templates/index.html
View file

@ -54,7 +54,7 @@
<div class="row mb-4">
<div class="col-md-6">
<div class="card bg-light">
<div class="card-header d-flex justify-content-between align-items-center">
<div class="card-header card-header-custom d-flex justify-content-between align-items-center">
<h6 class="card-title mb-0 progress-toggle" style="cursor: pointer; user-select: none;">
<i class="fas fa-chevron-down"></i> Fortschritt
</h6>
@ -80,7 +80,7 @@
<div class="col-md-6">
<div class="card bg-light">
<div class="card-header">
<div class="card-header card-header-custom">
<h6 class="card-title mb-0 statistics-link" style="cursor: pointer;">
Statistik
</h6>