mirrors/PairDrop
1
0
Fork 0
mirror of https://github.com/schlagmichdoch/PairDrop.git synced 2025-04-23 00:06:18 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

remove no longer needed css var --footer-height; Fix overlaying of websocket fallback notification

Browse source
This commit is contained in:
schlagmichdoch 2023-09-14 19:03:43 +02:00
parent 3faa173dde
commit a314b2c275
3 changed files with 7 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

2
public/styles.css
View file

@ -281,8 +281,6 @@ x-noscript {
margin-top: 56px; margin-top: 56px;
flex-direction: column-reverse; flex-direction: column-reverse;
flex-grow: 1; flex-grow: 1;
--footer-height: 132px;
max-height: calc(100vh - 56px - var(--footer-height));
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
overflow-x: hidden; overflow-x: hidden;

12
public_included_ws_fallback/index.html
View file

@ -95,13 +95,6 @@
</div> </div>
<div id="cancel-paste-mode" class="button" data-i18n-key="header.cancel-paste-mode" data-i18n-attrs="text" hidden>Done</div> <div id="cancel-paste-mode" class="button" data-i18n-key="header.cancel-paste-mode" data-i18n-attrs="text" hidden>Done</div>
</header> </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 --> <!-- Center -->
<div id="center"> <div id="center">
<!-- Peers --> <!-- Peers -->
@ -118,6 +111,11 @@
data-drop-bg="Release to select recipient"> data-drop-bg="Release to select recipient">
<p id="paste-filename"></p> <p id="paste-filename"></p>
</x-instructions> </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> </div>
<!-- Footer --> <!-- Footer -->
<footer class="column"> <footer class="column">

13
public_included_ws_fallback/styles.css
View file

@ -282,8 +282,6 @@ x-noscript {
margin-top: 56px; margin-top: 56px;
flex-direction: column-reverse; flex-direction: column-reverse;
flex-grow: 1; flex-grow: 1;
--footer-height: 146px;
max-height: calc(100vh - 56px - var(--footer-height));
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
overflow-x: hidden; overflow-x: hidden;
@ -292,11 +290,6 @@ x-noscript {
} }
@media screen and (max-width: 402px) {
#center {
--footer-height: 184px;
}
}
/* Peers List */ /* Peers List */
#x-peers-filler { #x-peers-filler {
@ -568,8 +561,6 @@ x-peer.ws-peer .highlight-wrapper {
} }
#websocket-fallback { #websocket-fallback {
position: absolute;
top: 56px;
opacity: 0.5; opacity: 0.5;
} }
@ -1437,8 +1428,8 @@ x-peers:empty~x-instructions {
/* Responsive Styles */ /* Responsive Styles */
@media screen and (min-height: 800px) { @media screen and (min-height: 800px) {
#websocket-fallback { footer {
padding-bottom: 16px; margin-bottom: 16px;
} }
} }