From a314b2c2750ce652dc015747de7394056acf2ea3 Mon Sep 17 00:00:00 2001
From: schlagmichdoch <schlagmichdoch@users.noreply.github.com>
Date: Thu, 14 Sep 2023 19:03:43 +0200
Subject: [PATCH] remove no longer needed css var --footer-height; Fix
 overlaying of websocket fallback notification

---
 public/styles.css                      |  2 --
 public_included_ws_fallback/index.html | 12 +++++-------
 public_included_ws_fallback/styles.css | 13 ++-----------
 3 files changed, 7 insertions(+), 20 deletions(-)

diff --git a/public/styles.css b/public/styles.css
index 9cc9348..be72759 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -281,8 +281,6 @@ x-noscript {
     margin-top: 56px;
     flex-direction: column-reverse;
     flex-grow: 1;
-    --footer-height: 132px;
-    max-height: calc(100vh - 56px - var(--footer-height));
     justify-content: space-around;
     align-items: center;
     overflow-x: hidden;
diff --git a/public_included_ws_fallback/index.html b/public_included_ws_fallback/index.html
index 110b998..85e4e1b 100644
--- a/public_included_ws_fallback/index.html
+++ b/public_included_ws_fallback/index.html
@@ -95,13 +95,6 @@
         </div>
         <div id="cancel-paste-mode" class="button" data-i18n-key="header.cancel-paste-mode" data-i18n-attrs="text" hidden>Done</div>
     </header>
-    <div class="row center">
-        <div id="websocket-fallback" style="position: absolute;top: 56px;">
-            <span data-i18n-key="footer.traffic" data-i18n-attrs="text">Traffic is</span>
-            <span data-i18n-key="footer.routed" data-i18n-attrs="text">routed through the server</span>
-            <span data-i18n-key="footer.webrtc" data-i18n-attrs="text">if WebRTC is not available.</span>
-        </div>
-    </div>
     <!-- Center -->
     <div id="center">
         <!-- Peers -->
@@ -118,6 +111,11 @@
                         data-drop-bg="Release to select recipient">
             <p id="paste-filename"></p>
         </x-instructions>
+        <div id="websocket-fallback">
+            <span data-i18n-key="footer.traffic" data-i18n-attrs="text">Traffic is</span>
+            <span data-i18n-key="footer.routed" data-i18n-attrs="text">routed through the server</span>
+            <span data-i18n-key="footer.webrtc" data-i18n-attrs="text">if WebRTC is not available.</span>
+        </div>
     </div>
     <!-- Footer -->
     <footer class="column">
diff --git a/public_included_ws_fallback/styles.css b/public_included_ws_fallback/styles.css
index ce58bac..663f6e5 100644
--- a/public_included_ws_fallback/styles.css
+++ b/public_included_ws_fallback/styles.css
@@ -282,8 +282,6 @@ x-noscript {
     margin-top: 56px;
     flex-direction: column-reverse;
     flex-grow: 1;
-    --footer-height: 146px;
-    max-height: calc(100vh - 56px - var(--footer-height));
     justify-content: space-around;
     align-items: center;
     overflow-x: hidden;
@@ -292,11 +290,6 @@ x-noscript {
 }
 
 
-@media screen and (max-width: 402px) {
-    #center {
-        --footer-height: 184px;
-    }
-}
 /* Peers List */
 
 #x-peers-filler {
@@ -568,8 +561,6 @@ x-peer.ws-peer .highlight-wrapper {
 }
 
 #websocket-fallback {
-    position: absolute;
-    top: 56px;
     opacity: 0.5;
 }
 
@@ -1437,8 +1428,8 @@ x-peers:empty~x-instructions {
 /* Responsive Styles */
 
 @media screen and (min-height: 800px) {
-    #websocket-fallback {
-        padding-bottom: 16px;
+    footer {
+        margin-bottom: 16px;
     }
 }