fix: .page-wide hebt die 1100px-Breitendeckelung für Tabellen-Seiten auf

.page war für Formulare/Fließtext sinnvoll begrenzt, verschwendete auf
breiten Bildschirmen aber sichtbar Platz bei Tabellen mit vielen Spalten
(Werkzeugkatalog, Register, Freigabe-Regeln, Nutzer-Import-Ergebnis) -
die Tabelle musste horizontal scrollen, obwohl rechts noch Leerraum war.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
noroot
2026-09-01 08:54:53 +02:00
parent 8a8295dacd
commit eccf02050b
6 changed files with 15 additions and 5 deletions

View File

@@ -1057,4 +1057,14 @@ tbody tr:hover {
padding: 32px 40px; padding: 32px 40px;
width: 100%; width: 100%;
} }
/* Tabellen-Seiten mit vielen Spalten (Werkzeugkatalog, Register,
Freigabe-Regeln, ...) verschwenden bei 1100px sichtbar Platz auf
breiten Bildschirmen, während die Tabelle selbst schon horizontal
gescrollt/gequetscht werden muss — .page-wide hebt die Deckelung
für genau diese Seiten auf, ohne den Lesbarkeits-Vorteil von
max-width bei Formular-/Fließtext-Seiten anzutasten. */
.page-wide {
max-width: none;
}
} }

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">
<div class="page-header"> <div class="page-header">
<div> <div>
<h1>Freigabe-Regeln</h1> <h1>Freigabe-Regeln</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>Werkzeugkatalog</h1> <h1>Werkzeugkatalog</h1>
<div class="page-header"> <div class="page-header">

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>Import-Ergebnis</h1> <h1>Import-Ergebnis</h1>
<p class="fehler"> <p class="fehler">
Die Einmalpasswörter unten werden nach dieser Seite nirgendwo mehr Die Einmalpasswörter unten werden nach dieser Seite nirgendwo mehr

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>Register</h1> <h1>Register</h1>