From d9634e2c5842768a47a096e48a64a8c47679c97c Mon Sep 17 00:00:00 2001
From: CodeDevMLH <malte@my-homeyer.de>
Date: Fri, 13 Dec 2024 18:25:07 +0100
Subject: [PATCH] some fixes on mobile

---
 custom-login-css.css | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/custom-login-css.css b/custom-login-css.css
index 87bc459..af23228 100644
--- a/custom-login-css.css
+++ b/custom-login-css.css
@@ -30,7 +30,7 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
     top: 50%;
     left: 50%;
     margin: 0;
-    position: absolute;
+    position: absolute;     /*fixed;*/
     border-radius: 24px;
     width: 30vw;
     height: 74vh;
@@ -44,6 +44,9 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
     max-width: 28em;
     max-height: 55em;
     overflow-y: auto;
+    overflow: auto;
+    overscroll-behavior: contain;
+    overflow-x: hidden;
 }
 
 #loginPage .squareCard {
@@ -66,7 +69,10 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
 #loginPage {
     background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
         url('/web/pictures/background-2.png');
+    position: fixed;
     background-size: cover;
+    background-position: center;
+    background-attachment: fixed;
 }
 
 
@@ -168,6 +174,13 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
     #loginPage .readOnlyContent {
         width: 100%;
     }
+
+    /* Login-Container */
+    .manualLoginForm {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+    }
 }
 
 /* Mobile Optimierungen für Smartphone*/
@@ -200,4 +213,11 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
     #loginPage .readOnlyContent {
         width: 100%;
     }
+
+    /* Login-Container */
+    .manualLoginForm {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+    }
 }
\ No newline at end of file