From 79511a9e1bdd1cf9266821282d2a1bd6be31364e Mon Sep 17 00:00:00 2001
From: gilbN <gilberg@gmail.com>
Date: Wed, 28 Jul 2021 23:28:27 +0200
Subject: [PATCH] organizr login page mobile fix

---
 CSS/themes/organizr/organizr-base.css | 48 +++++++++++++++++++++++++--
 1 file changed, 45 insertions(+), 3 deletions(-)

diff --git a/CSS/themes/organizr/organizr-base.css b/CSS/themes/organizr/organizr-base.css
index 37233836..1d672da3 100644
--- a/CSS/themes/organizr/organizr-base.css
+++ b/CSS/themes/organizr/organizr-base.css
@@ -196,6 +196,7 @@ h6 {
 .bg-plex {
     background: #e5a00d;
     color: white;
+    border-radius: 25px;
 }
 
 .tabs-style-flip nav a,
@@ -552,13 +553,48 @@ th.fc-day-header.fc-widget-header.fc-today {
 }
 
 /* loginpage sidemenu */
-@media (max-width: 480px) {
+/* @media (max-width: 480px) {
     .login-register>.login-box>.white-box {
         margin-top: auto !important;
         width: 100% !important;
         -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important;
     }
+} */
+@media (max-width: 480px) {
+    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
+        #wrapper .login-register>.login-box>.white-box {
+            background: transparent !important;
+            margin-top: auto !important;
+            width: 100% !important;
+            -webkit-backdrop-filter: blur(0px) !important;
+            backdrop-filter: blur(0px) !important;
+            -webkit-box-shadow: none;
+            box-shadow: none;
+        }
+
+        .login-box.login-sidebar {
+            background: rgba(0, 0, 0, .45) !important;
+            -webkit-backdrop-filter: blur(10px) !important;
+            backdrop-filter: blur(10px) !important;
+
+        }
+    }
+
+    /* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
+    @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
+        #wrapper .login-register>.login-box>.white-box {
+            background: transparent !important;
+            margin-top: auto !important;
+            width: 100% !important;
+            -webkit-box-shadow: none !important;
+            box-shadow: none !important;
+        }
+
+        .login-box.login-sidebar {
+            background: var(--modal-bg-color) !important;
+        }
+    }
 }
 
 /* logo */
@@ -611,6 +647,13 @@ label[for="checkbox-login"]:hover {
     color: var(--link-color-hover) !important;
 }
 
+#organizr-login-collapse>div>div.form-group.text-center.m-t-20.m-b-0>div>button {
+    background: rgb(255 255 255 / 15%) !important;
+    color: white;
+    border-radius: 25px;
+    border: none;
+}
+
 @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
     .login-register>.login-box>.white-box {
         -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
@@ -682,7 +725,7 @@ label[for="checkbox-login"]:hover {
 .login-box.login-sidebar,
 #login-panels .panel-body,
 #login-panels .panel {
-    background: transparent !important;
+    background: transparent;
 }
 
 /*Center login Box*/
@@ -1739,7 +1782,6 @@ body {
 
 .bg-org:not([id="menu-"]div):not(.panel-heading) {
     background: var(--main-bg-color) !important;
-    ;
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;