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

change position of button to close paste mode

Browse source
This commit is contained in:
schlagmichdoch 2023-01-19 06:43:24 +01:00
parent d9c3d5172a
commit 62c02aaed3
3 changed files with 14 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
public/index.html
View file

@ -70,6 +70,7 @@
</svg> </svg>
</a> </a>
</header> </header>
<a id="cancelPasteModeBtn" class="button" close hidden>Done</a>
<!-- Peers --> <!-- Peers -->
<x-peers class="center"></x-peers> <x-peers class="center"></x-peers>
<x-no-peers> <x-no-peers>
@ -79,7 +80,6 @@
<x-instructions desktop="Click to send files or right click to send a message" mobile="Tap to send files or long tap to send a message"> <x-instructions desktop="Click to send files or right click to send a message" mobile="Tap to send files or long tap to send a message">
<p id="pasteFilename"></p> <p id="pasteFilename"></p>
</x-instructions> </x-instructions>
<a id="cancelPasteModeBtn" class="button" close hidden style="z-index: 2">Done</a>
<!-- Footer --> <!-- Footer -->
<footer class="column"> <footer class="column">
<svg class="icon logo"> <svg class="icon logo">

4
public/scripts/ui.js
View file

@ -181,9 +181,8 @@ class PeersUI {
const xNoPeers = document.querySelectorAll('x-no-peers')[0]; const xNoPeers = document.querySelectorAll('x-no-peers')[0];
xNoPeers.getElementsByTagName('h2')[0].innerHTML = 'Open PairDrop on other devices to send files'; xNoPeers.getElementsByTagName('h2')[0].innerHTML = 'Open PairDrop on other devices to send files';
const cancelPasteModeBtn = document.getElementById('cancelPasteModeBtn');
cancelPasteModeBtn.setAttribute('hidden', ""); this.$cancelPasteModeBtn.setAttribute('hidden', "");
console.log('Paste mode deactivated.') console.log('Paste mode deactivated.')
Events.fire('paste-mode-changed'); Events.fire('paste-mode-changed');
@ -745,6 +744,7 @@ class PairDeviceDialog extends Dialog {
if (!nextSibling) break; if (!nextSibling) break;
nextSibling.focus(); nextSibling.focus();
} }
this.evaluateRoomKeyChars();
} }
evaluateRoomKeyChars() { evaluateRoomKeyChars() {

14
public/styles.css
View file

@ -604,8 +604,16 @@ x-dialog .row-reverse {
opacity: 0.1; opacity: 0.1;
} }
#cancelPasteModeBtn:before { #cancelPasteModeBtn {
border-radius: 8px; z-index: 2;
margin-top: 0;
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 56px;
border-bottom: solid 2.5px var(--border-color);
} }
.button:focus:before, .button:focus:before,
@ -783,7 +791,7 @@ x-toast:not([show]):not(:hover) {
x-instructions { x-instructions {
position: absolute; position: absolute;
top: 20vh; top: 120px;
opacity: 0.5; opacity: 0.5;
transition: opacity 300ms; transition: opacity 300ms;
z-index: -1; z-index: -1;