mirror of
https://github.com/OpenSquawk/OpenSquawk
synced 2026-08-01 22:26:04 +08:00
Fix remaining German comment
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
/* === iOS-Style Glassmorphism Add-on === */
|
||||
:root {
|
||||
/* feinere Glas-Parameter */
|
||||
/* refined glass parameters */
|
||||
--glass-bg: color-mix(in srgb, var(--text) 7%, transparent);
|
||||
--glass-border: color-mix(in srgb, var(--text) 16%, transparent);
|
||||
--glass-highlight: rgba(255, 255, 255, .10);
|
||||
@@ -11,7 +11,7 @@
|
||||
--glass-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0 .03 0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
/* generische Glasfläche */
|
||||
/* generic glass surface */
|
||||
.glass,
|
||||
.panel,
|
||||
.card,
|
||||
@@ -33,7 +33,7 @@
|
||||
-webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat));
|
||||
}
|
||||
|
||||
/* App Bar (transluzent, sticky) */
|
||||
/* App bar (translucent, sticky) */
|
||||
.hud {
|
||||
background: linear-gradient(180deg,
|
||||
color-mix(in srgb, var(--bg) 55%, transparent),
|
||||
@@ -43,12 +43,12 @@
|
||||
border-radius: 0 0 14px 14px;
|
||||
}
|
||||
|
||||
/* Panels etwas luftiger */
|
||||
/* Panels with extra breathing room */
|
||||
.panel {
|
||||
padding: 14px;
|
||||
}
|
||||
|
||||
/* Buttons – iOS-Glanz & Lift */
|
||||
/* Buttons – iOS shine and lift */
|
||||
.btn {
|
||||
border-radius: calc(var(--glass-radius) - 6px);
|
||||
transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
|
||||
@@ -92,7 +92,7 @@
|
||||
}
|
||||
|
||||
|
||||
/* Chips – feiner Rand, leicht leuchtend */
|
||||
/* Chips – subtle border, gentle glow */
|
||||
.chip {
|
||||
background: linear-gradient(180deg,
|
||||
color-mix(in srgb, var(--text) 7%, transparent),
|
||||
@@ -100,7 +100,7 @@
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
|
||||
}
|
||||
|
||||
/* Karten/Kacheln – zarter Hover */
|
||||
/* Cards/tiles – subtle hover */
|
||||
.card, .tile, .lesson {
|
||||
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
|
||||
}
|
||||
@@ -110,7 +110,7 @@
|
||||
border-color: color-mix(in srgb, var(--accent) 28%, transparent);
|
||||
}
|
||||
|
||||
/* Fortschrittsbalken – Glasfüllung */
|
||||
/* Progress bar – glass fill */
|
||||
.line {
|
||||
background: linear-gradient(180deg,
|
||||
color-mix(in srgb, var(--text) 8%, transparent),
|
||||
@@ -125,7 +125,7 @@
|
||||
filter: saturate(130%);
|
||||
}
|
||||
|
||||
/* Textareas / Inputs im Glas */
|
||||
/* Textareas / inputs in glass */
|
||||
.input :deep(textarea),
|
||||
:deep(.v-field__input) {
|
||||
background: linear-gradient(180deg,
|
||||
@@ -141,14 +141,14 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Dialog runder + stärkerer Blur */
|
||||
/* Dialog – rounder with stronger blur */
|
||||
.dialog {
|
||||
border-radius: 22px;
|
||||
backdrop-filter: blur(22px) saturate(150%);
|
||||
-webkit-backdrop-filter: blur(22px) saturate(150%);
|
||||
}
|
||||
|
||||
/* iOS-Range (Slider) – Track & Thumb */
|
||||
/* iOS-style range (slider) – track & thumb */
|
||||
.chip.inline input[type="range"] {
|
||||
height: 24px;
|
||||
-webkit-appearance: none;
|
||||
@@ -194,7 +194,7 @@
|
||||
box-shadow: 0 2px 6px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .85);
|
||||
}
|
||||
|
||||
/* Snackbar – glasiger Toast */
|
||||
/* Snackbar – glassy toast */
|
||||
:deep(.v-snackbar) {
|
||||
border: 1px solid var(--glass-border);
|
||||
backdrop-filter: blur(16px) saturate(140%);
|
||||
@@ -204,14 +204,14 @@
|
||||
color-mix(in srgb, var(--bg2) 60%, transparent));
|
||||
}
|
||||
|
||||
/* Fokus-Ring – iOS-Style */
|
||||
/* Focus ring – iOS style */
|
||||
*:focus-visible {
|
||||
outline: 2px solid color-mix(in srgb, var(--accent) 60%, transparent);
|
||||
outline-offset: 2px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
/* Weniger Transparenz, falls gewünscht */
|
||||
/* Reduced transparency if requested */
|
||||
@media (prefers-reduced-transparency: reduce) {
|
||||
.glass,
|
||||
.panel,
|
||||
|
||||
Reference in New Issue
Block a user