From 10662e0b6353c7e3b7eead89cd44b7d03c8a488f Mon Sep 17 00:00:00 2001
From: Maurice <mauriceboe@icloud.com>
Date: Mon, 23 Mar 2026 20:09:29 +0100
Subject: [PATCH] =?UTF-8?q?v2.5.5=20=E2=80=94=20Fix=20PDF=20preview=20over?=
 =?UTF-8?q?lay,=20mobile=20login=20tagline?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- PDF file preview now renders via portal above navbar
- Fix mobile login tagline text wrapping
---
 client/package.json                         |  2 +-
 client/src/components/Files/FileManager.jsx | 12 +++++++-----
 server/package.json                         |  2 +-
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/client/package.json b/client/package.json
index af83e5d..79ed22f 100644
--- a/client/package.json
+++ b/client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nomad-client",
-  "version": "2.5.4",
+  "version": "2.5.5",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/client/src/components/Files/FileManager.jsx b/client/src/components/Files/FileManager.jsx
index 25826ba..4193f47 100644
--- a/client/src/components/Files/FileManager.jsx
+++ b/client/src/components/Files/FileManager.jsx
@@ -1,4 +1,5 @@
 import React, { useState, useCallback } from 'react'
+import ReactDOM from 'react-dom'
 import { useDropzone } from 'react-dropzone'
 import { Upload, Trash2, ExternalLink, X, FileText, FileImage, File, MapPin, Ticket } from 'lucide-react'
 import { useToast } from '../shared/Toast'
@@ -138,14 +139,14 @@ export default function FileManager({ files = [], onUpload, onDelete, onUpdate,
       {/* Lightbox */}
       {lightboxFile && <ImageLightbox file={lightboxFile} onClose={() => setLightboxFile(null)} />}
 
-      {/* Datei-Vorschau Modal */}
-      {previewFile && (
+      {/* Datei-Vorschau Modal — portal to body to escape stacking context */}
+      {previewFile && ReactDOM.createPortal(
         <div
-          style={{ position: 'fixed', inset: 0, background: 'rgba(0,0,0,0.7)', zIndex: 2000, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 8 }}
+          style={{ position: 'fixed', inset: 0, background: 'rgba(0,0,0,0.85)', zIndex: 10000, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 16 }}
           onClick={() => setPreviewFile(null)}
         >
           <div
-            style={{ width: '100%', maxWidth: 950, height: '95vh', background: 'var(--bg-card)', borderRadius: 12, overflow: 'hidden', display: 'flex', flexDirection: 'column', boxShadow: '0 20px 60px rgba(0,0,0,0.3)' }}
+            style={{ width: '100%', maxWidth: 950, height: '94vh', background: 'var(--bg-card)', borderRadius: 12, overflow: 'hidden', display: 'flex', flexDirection: 'column', boxShadow: '0 20px 60px rgba(0,0,0,0.3)' }}
             onClick={e => e.stopPropagation()}
           >
             <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '10px 16px', borderBottom: '1px solid var(--border-primary)', flexShrink: 0 }}>
@@ -176,7 +177,8 @@ export default function FileManager({ files = [], onUpload, onDelete, onUpdate,
               </p>
             </object>
           </div>
-        </div>
+        </div>,
+        document.body
       )}
 
       {/* Header */}
diff --git a/server/package.json b/server/package.json
index af6da3a..0176f9a 100644
--- a/server/package.json
+++ b/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nomad-server",
-  "version": "2.5.4",
+  "version": "2.5.5",
   "main": "src/index.js",
   "scripts": {
     "start": "node src/index.js",