thomas/jobbi-bewerbung
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI fixes: modal scroll, Bewerbungen-Aktionen, E-Mail-Uhrzeit Berlin

Browse Source 
- Modal „Bewerbung hinzufügen" lässt sich auf allen Bildschirmgrößen scrollen
  (nicht nur ≤640px), sonst war Speichern abgeschnitten
- Aktionen-Spalte der Bewerbungen von 4.5rem auf 5.5rem (passt zur
  Cluster-Breite, Icons wandern nicht mehr nach rechts)
- Merken-Stern im Compact-Modus ohne Rahmen
- E-Mail-Uhrzeiten in Postfach, Bewerbung und Reply-Quote in Europe/Berlin

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
thomas
2026-07-20 08:02:37 +02:00
co-authored by Claude
parent 96fd0e282d
commit 1ba615fa80
6 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/styles.css
+16 -8
View File
@@ -454,18 +454,26 @@ button.loading::after {
/* Modals: the overlay locks body scroll (overflow:hidden on <body>), so a panel
taller than the viewport would have its bottom cut off and unreachable. Cap
the panel to the viewport and let it scroll internally; align the wrapper to
the top so the close button stays in reach instead of being clipped. */
the top so the close button stays in reach instead of being clipped. This
applies on every screen size — the Bewerbung-hinzufügen form has enough fields
(Datum bis Interne Notizen) to overflow even on a laptop, not just a phone. */
.fixed.inset-0 > .min-h-screen {
align-items: flex-start !important;
}
.fixed.inset-0 > .min-h-screen > .max-w-lg,
.fixed.inset-0 > .min-h-screen > .max-w-md,
.fixed.inset-0 > .min-h-screen > .max-w-2xl,
.fixed.inset-0 > .min-h-screen > .max-w-3xl,
.fixed.inset-0 > .min-h-screen > .max-w-4xl {
max-height: calc(100vh - 2rem) !important;
overflow-y: auto !important;
}
@media (max-width: 640px) {
.max-w-lg,
.max-w-md {
.fixed.inset-0 > .min-h-screen > .max-w-lg,
.fixed.inset-0 > .min-h-screen > .max-w-md {
max-width: calc(100vw - 2rem) !important;
max-height: calc(100vh - 2rem) !important;
overflow-y: auto !important;
margin: 0 !important;
}
.fixed.inset-0 > .min-h-screen {
align-items: flex-start !important;
}
}
/* Dashboard application list: the desktop layout is a 7-column grid forced to