fix: .page-wide auf alle Listen-/Dashboard-/Detailansichten ausgeweitet

Erste Version deckte nur die fünf Tabellen-Seiten ab. Auf Nutzerwunsch
jetzt auch Dashboard, Posteingang, Register, Nutzerverwaltung, Fall-/
Antrag-Detail, Wiedervorlage, Betreiber-Accounts/-Audit-Log/-Dashboard
und die neuen Genehmiger-Rollen/Freigaben-Seiten. Reine Formular-/Auth-
Seiten (Login, Registrieren, Einladung, Nutzer/Firma anlegen) bleiben
bewusst bei 1100px - ein einzelnes Formular auf voller Breite wäre
schlechter lesbar. .page-wide selbst wurde von "kein Limit" auf 1600px
korrigiert, da Detailseiten mit Fließtext (Fall-/Antrag-Detail) sonst
auf Ultrawide-Monitoren unlesbar lange Zeilen bekommen hätten.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
noroot
2026-09-01 08:58:18 +02:00
parent eccf02050b
commit 0fe29f8c80
15 changed files with 24 additions and 21 deletions

View File

@@ -1058,13 +1058,16 @@ tbody tr:hover {
width: 100%; width: 100%;
} }
/* Tabellen-Seiten mit vielen Spalten (Werkzeugkatalog, Register, /* Tabellen-/Listen-/Dashboard-Seiten verschwenden bei 1100px sichtbar
Freigabe-Regeln, ...) verschwenden bei 1100px sichtbar Platz auf Platz auf breiten Bildschirmen, während Tabellen selbst schon
breiten Bildschirmen, während die Tabelle selbst schon horizontal horizontal gescrollt/gequetscht werden müssen — .page-wide hebt die
gescrollt/gequetscht werden muss — .page-wide hebt die Deckelung Deckelung für genau diese Seiten an. Bewusst 1600px statt "kein
für genau diese Seiten auf, ohne den Lesbarkeits-Vorteil von Limit": manche dieser Seiten (Fall-/Antrag-Detail) enthalten auch
max-width bei Formular-/Fließtext-Seiten anzutasten. */ Fließtext-Absätze, die auf einem Ultrawide-Monitor sonst unlesbar
lange Zeilen bekämen. Reine Formular-/Auth-Seiten (Login,
Registrieren, Einladung, ...) bleiben bei 1100px, dort ist die
schmalere Spalte weiterhin die bessere Lesbarkeit. */
.page-wide { .page-wide {
max-width: none; max-width: 1600px;
} }
} }

View File

@@ -3,7 +3,7 @@
<head>{{template "head" .}}</head> <head>{{template "head" .}}</head>
<body> <body>
{{template "nav" .Nav}} {{template "nav" .Nav}}
<div class="page"> <div class="page page-wide">
<div class="page-header"> <div class="page-header">
<div> <div>
<h1>Abteilungen</h1> <h1>Abteilungen</h1>

View File

@@ -3,7 +3,7 @@
<head>{{template "head" .}}</head> <head>{{template "head" .}}</head>
<body> <body>
{{template "nav" .Nav}} {{template "nav" .Nav}}
<div class="page"> <div class="page page-wide">
<div class="page-header"> <div class="page-header">
<div> <div>
<h1>Meine Anträge</h1> <h1>Meine Anträge</h1>

View File

@@ -3,7 +3,7 @@
<head>{{template "head" .}}</head> <head>{{template "head" .}}</head>
<body> <body>
{{template "nav" .Nav}} {{template "nav" .Nav}}
<div class="page"> <div class="page page-wide">
<p><a href="/antraege">&larr; Meine Anträge</a></p> <p><a href="/antraege">&larr; Meine Anträge</a></p>
<h1>{{.Titel}}</h1> <h1>{{.Titel}}</h1>
<p class="hinweis">Eingereicht am {{.CreatedAt}} — Status: <span class="status status-{{.Status}}">{{.Status}}</span></p> <p class="hinweis">Eingereicht am {{.CreatedAt}} — Status: <span class="status status-{{.Status}}">{{.Status}}</span></p>

View File

@@ -3,7 +3,7 @@
<head>{{template "head" .}}</head> <head>{{template "head" .}}</head>
<body> <body>
{{template "nav" .Nav}} {{template "nav" .Nav}}
<div class="page"> <div class="page page-wide">
<p><a href="/betreiber/accounts">&larr; Alle Accounts</a></p> <p><a href="/betreiber/accounts">&larr; Alle Accounts</a></p>
<h1>{{.Name}}</h1> <h1>{{.Name}}</h1>
<p class="hinweis">Angelegt am {{.CreatedAt}}</p> <p class="hinweis">Angelegt am {{.CreatedAt}}</p>

View File

@@ -3,7 +3,7 @@
<head>{{template "head" .}}</head> <head>{{template "head" .}}</head>
<body> <body>
{{template "nav" .Nav}} {{template "nav" .Nav}}
<div class="page"> <div class="page page-wide">
<p><a href="/betreiber">&larr; Plattform</a></p> <p><a href="/betreiber">&larr; Plattform</a></p>
<div class="page-header"> <div class="page-header">
<div> <div>

View File

@@ -3,7 +3,7 @@
<head>{{template "head" .}}</head> <head>{{template "head" .}}</head>
<body> <body>
{{template "nav" .Nav}} {{template "nav" .Nav}}
<div class="page"> <div class="page page-wide">
<p><a href="/betreiber">&larr; Plattform</a></p> <p><a href="/betreiber">&larr; Plattform</a></p>
<div class="page-header"> <div class="page-header">
<div> <div>

View File

@@ -3,7 +3,7 @@
<head>{{template "head" .}}</head> <head>{{template "head" .}}</head>
<body> <body>
{{template "nav" .Nav}} {{template "nav" .Nav}}
<div class="page"> <div class="page page-wide">
<h1>Plattform</h1> <h1>Plattform</h1>
<ul class="stat-cards"> <ul class="stat-cards">
<li> <li>

View File

@@ -3,7 +3,7 @@
<head>{{template "head" .}}</head> <head>{{template "head" .}}</head>
<body> <body>
{{template "nav" .Nav}} {{template "nav" .Nav}}
<div class="page"> <div class="page page-wide">
<div class="page-header"> <div class="page-header">
<div> <div>
<h1>Posteingang</h1> <h1>Posteingang</h1>

View File

@@ -3,7 +3,7 @@
<head>{{template "head" .}}</head> <head>{{template "head" .}}</head>
<body> <body>
{{template "nav" .Nav}} {{template "nav" .Nav}}
<div class="page"> <div class="page page-wide">
<p><a href="/faelle">&larr; Posteingang</a></p> <p><a href="/faelle">&larr; Posteingang</a></p>
<h1>{{.Titel}}</h1> <h1>{{.Titel}}</h1>
<p class="hinweis">Eingereicht am {{.CreatedAt}} — Status: <span class="status status-{{.Status}}">{{.Status}}</span></p> <p class="hinweis">Eingereicht am {{.CreatedAt}} — Status: <span class="status status-{{.Status}}">{{.Status}}</span></p>

View File

@@ -3,7 +3,7 @@
<head>{{template "head" .}}</head> <head>{{template "head" .}}</head>
<body> <body>
{{template "nav" .Nav}} {{template "nav" .Nav}}
<div class="page"> <div class="page page-wide">
<div class="page-header"> <div class="page-header">
<div> <div>
<h1>Meine Freigaben</h1> <h1>Meine Freigaben</h1>

View File

@@ -3,7 +3,7 @@
<head>{{template "head" .}}</head> <head>{{template "head" .}}</head>
<body> <body>
{{template "nav" .Nav}} {{template "nav" .Nav}}
<div class="page"> <div class="page page-wide">
<div class="page-header"> <div class="page-header">
<div> <div>
<h1>Genehmiger-Rollen</h1> <h1>Genehmiger-Rollen</h1>

View File

@@ -3,7 +3,7 @@
<head>{{template "head" .}}</head> <head>{{template "head" .}}</head>
<body> <body>
{{template "nav" .Nav}} {{template "nav" .Nav}}
<div class="page"> <div class="page page-wide">
<h1>Willkommen bei Deklarix</h1> <h1>Willkommen bei Deklarix</h1>
{{if .Nav.IsBetreiber}} {{if .Nav.IsBetreiber}}
<ul class="stat-cards"> <ul class="stat-cards">

View File

@@ -3,7 +3,7 @@
<head>{{template "head" .}}</head> <head>{{template "head" .}}</head>
<body> <body>
{{template "nav" .Nav}} {{template "nav" .Nav}}
<div class="page"> <div class="page page-wide">
<div class="page-header"> <div class="page-header">
<div> <div>
<h1>Nutzerverwaltung</h1> <h1>Nutzerverwaltung</h1>

View File

@@ -3,7 +3,7 @@
<head>{{template "head" .}}</head> <head>{{template "head" .}}</head>
<body> <body>
{{template "nav" .Nav}} {{template "nav" .Nav}}
<div class="page"> <div class="page page-wide">
<div class="page-header"> <div class="page-header">
<div> <div>
<h1>Wiedervorlage</h1> <h1>Wiedervorlage</h1>