rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Desktop: Nachrichten + Gassi-Treffen auf max-width 1100px — SW by-v408

Browse source 
Chat: position:absolute→width:100%, page-body als zentrierter flex-Container
Walks: max-width none→1100px (konsistent mit Forum)
This commit is contained in:
rene 2026-04-26 08:20:13 +02:00
parent 6930e6f848
commit 770d75100e
4 changed files with 18 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

16
backend/static/css/layout.css
View file

@ -592,7 +592,7 @@
/* ---------------------------------------------------------- /* ----------------------------------------------------------
WALKS: Liste (links) + Karte (rechts) nebeneinander WALKS: Liste (links) + Karte (rechts) nebeneinander
---------------------------------------------------------- */ ---------------------------------------------------------- */
#page-walks .page-container { max-width: none; } #page-walks .page-container { max-width: 1100px; }
.walks-layout { .walks-layout {
flex-direction: row; flex-direction: row;
@ -620,6 +620,20 @@
/* Toolbar-Zeile kompakter da Toggle wegfällt */ /* Toolbar-Zeile kompakter da Toggle wegfällt */
#page-walks .by-toolbar { padding: var(--space-2) var(--space-4); } #page-walks .by-toolbar { padding: var(--space-2) var(--space-4); }
/* ----------------------------------------------------------
CHAT: Split-Pane zentriert mit max-width
---------------------------------------------------------- */
#page-chat .page-body {
display: flex;
flex-direction: column;
align-items: stretch;
max-width: 1100px;
margin: 0 auto;
width: 100%;
}
#chat-split { min-height: 600px; }
/* ---------------------------------------------------------- /* ----------------------------------------------------------
FORUM: Rubriken über volle Breite, Threads darunter FORUM: Rubriken über volle Breite, Threads darunter
---------------------------------------------------------- */ ---------------------------------------------------------- */

2
backend/static/js/app.js
View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung. Router, State-Management, Navigation, Initialisierung.
============================================================ */ ============================================================ */
const APP_VER = '387'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen const APP_VER = '388'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const App = (() => { const App = (() => {

3
backend/static/js/pages/chat.js
View file

@ -59,8 +59,7 @@ window.Page_chat = (() => {
// Split-Pane: linke Spalte bleibt, rechte zeigt Placeholder // Split-Pane: linke Spalte bleibt, rechte zeigt Placeholder
if (!document.getElementById('chat-split')) { if (!document.getElementById('chat-split')) {
_container.innerHTML = ` _container.innerHTML = `
<div id="chat-split" style="display:flex;flex:1;min-height:0;overflow:hidden; <div id="chat-split" style="display:flex;flex:1;min-height:0;overflow:hidden;width:100%">
position:absolute;inset:0">
<div id="chat-list-pane" style="width:320px;flex-shrink:0;display:flex; <div id="chat-list-pane" style="width:320px;flex-shrink:0;display:flex;
flex-direction:column;border-right:1px solid var(--c-border); flex-direction:column;border-right:1px solid var(--c-border);
background:var(--c-surface);min-height:0"> background:var(--c-surface);min-height:0">

2
backend/static/sw.js
View file

@ -3,7 +3,7 @@
Offline-Cache + Push Notifications + Tile-Cache Offline-Cache + Push Notifications + Tile-Cache
============================================================ */ ============================================================ */
const CACHE_VERSION = 'by-v407'; const CACHE_VERSION = 'by-v408';
const CACHE_STATIC = `${CACHE_VERSION}-static`; const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten