Scarriffle/Calendarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(anhaenge): Anhang-Bereich ruhiger und im Stil der Eingabefelder

Browse Source 
Die beiden Texte steckten in .form-hint -- eine spaetere Regel fuer den
SSO-Login macht daraus einen umrandeten Kasten in Primaerfarbe. Fuer eine
Warnung ist das richtig, fuer eine Bildunterschrift viel zu laut. Eigene
leise Klasse statt dessen.

"Datei hinzufuegen" sieht jetzt aus wie die Textfelder darueber: gleicher
Grund, Rahmen, Radius und Innenabstand, nur linksbuendig und in der
gedaempften Textfarbe.

Der Leerzustand "Keine Anhaenge" faellt weg -- die Erinnerungsliste macht
es genauso, und die Zeile unter dem Knopf sagt ohnehin, was hier hin kann.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-09-14 10:47:16 +02:00
co-authored by Claude Opus 5
parent a1f15e33aa
commit cd6a4698aa
4 changed files with 24 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/css/app.css
+20 -1
View File
@@ -399,7 +399,26 @@ a { color: var(--primary); text-decoration: none; }
.ev-reminder-before { color: var(--text-3); font-size: 12px; }
/* ── Attachments ─────────────────────────────────────── */
.ev-attach-list { display: flex; flex-direction: column; gap: 6px; margin-bottom: 6px; }
.ev-attach-list:not(:empty) { display: flex; flex-direction: column; gap: 6px; margin-bottom: 6px; }
/* Looks like the text inputs above it rather than a button: same ground,
border, radius and padding, just left-aligned and in the muted text colour.
NOT .form-hint for the caption below — a later rule turns that class into a
bordered callout box, which is right for a warning and far too loud here. */
.ev-attach-add {
display: block; width: 100%; text-align: left;
background: var(--bg-app);
border: 1px solid var(--border);
border-radius: 8px;
padding: 11px 14px;
color: var(--text-2);
font-size: 14px; font-family: inherit;
cursor: pointer; outline: none;
transition: border-color var(--transition), color var(--transition);
}
.ev-attach-add:hover:not(:disabled) { border-color: var(--text-3); color: var(--text-1); }
.ev-attach-add:focus-visible { border-color: var(--primary); }
.ev-attach-add:disabled { opacity: .5; cursor: default; }
.ev-attach-hint { font-size: 11px; color: var(--text-3); margin-top: 6px; }
.ev-attach-row { display: flex; align-items: center; gap: 8px; padding: 6px 8px;
border: 1px solid var(--border); border-radius: 8px; }
.ev-attach-row:hover { background: var(--hover-highlight); }