Compare commits

...

4 Commits

Author SHA1 Message Date
schlagmichdoch
56eb29c91b increase version to v1.7.2 2023-05-16 02:35:03 +02:00
schlagmichdoch
6e4bda0adf Fix message sending via submit button.
Co-authored-by: luckman212 <1992842+luckman212@users.noreply.github.com>
2023-05-16 02:25:50 +02:00
Lopolin-LP
0baced640a Fix About Background not filling up full viewport under certain circumstances (#109)
* Fix About Background Not filling up full viewport under certain circumstances

It is now based on vw/vh instead of px. It can also easily be adjusted, mostly. There is no way it will not fill up the viewport.

* add fix for about bg size to websocket fallback too and tidy up

---------

Co-authored-by: schlagmichdoch <schlagmichdoch@users.noreply.github.com>
2023-05-16 01:50:12 +02:00
schlagmichdoch
3c2e73fc0c fix position of about background circle 2023-05-12 04:59:44 +02:00
8 changed files with 23 additions and 15 deletions

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{ {
"name": "pairdrop", "name": "pairdrop",
"version": "1.7.1", "version": "1.7.2",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "pairdrop", "name": "pairdrop",
"version": "1.7.1", "version": "1.7.2",
"license": "ISC", "license": "ISC",
"dependencies": { "dependencies": {
"express": "^4.18.2", "express": "^4.18.2",

View File

@@ -1,6 +1,6 @@
{ {
"name": "pairdrop", "name": "pairdrop",
"version": "1.7.1", "version": "1.7.2",
"description": "", "description": "",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {

View File

@@ -224,7 +224,7 @@
<div class="row-separator"></div> <div class="row-separator"></div>
<div id="text-input" title="Message" class="textarea" role="textbox" autocapitalize="none" spellcheck="false" autofocus contenteditable></div> <div id="text-input" title="Message" class="textarea" role="textbox" autocapitalize="none" spellcheck="false" autofocus contenteditable></div>
<div class="center row-reverse"> <div class="center row-reverse">
<button class="button" type="submit" title="STR + ENTER" disabled close>Send</button> <button class="button" type="submit" title="CTRL/⌘ + ENTER" disabled>Send</button>
<button class="button" type="button" title="ESCAPE" close>Cancel</button> <button class="button" type="button" title="ESCAPE" close>Cancel</button>
</div> </div>
</x-paper> </x-paper>

View File

@@ -1,4 +1,4 @@
const cacheVersion = 'v1.7.1'; const cacheVersion = 'v1.7.2';
const cacheTitle = `pairdrop-cache-${cacheVersion}`; const cacheTitle = `pairdrop-cache-${cacheVersion}`;
const urlsToCache = [ const urlsToCache = [
'index.html', 'index.html',

View File

@@ -1144,8 +1144,12 @@ button::-moz-focus-inner {
#about x-background { #about x-background {
position: absolute; position: absolute;
width: 500px; --size: max(max(230vw, 230vh), calc(150vh + 150vw));
height: 500px; --size-half: calc(var(--size)/2);
top: calc(28px - var(--size-half));
right: calc(36px - var(--size-half));
width: var(--size);
height: var(--size);
border-radius: 50%; border-radius: 50%;
background: var(--primary-color); background: var(--primary-color);
transform: scale(0); transform: scale(0);
@@ -1159,7 +1163,7 @@ button::-moz-focus-inner {
} }
#about:target x-background { #about:target x-background {
transform: scale(10); transform: scale(1);
} }
#about .row a { #about .row a {
@@ -1282,7 +1286,7 @@ x-peers:empty~x-instructions {
@media (hover: none) and (pointer: coarse) { @media (hover: none) and (pointer: coarse) {
x-peer { x-peer {
transform: scale(0.95); transform: scale(0.95);
padding: 4px 0; padding: 4px;
} }
} }

View File

@@ -227,7 +227,7 @@
<div class="row-separator"></div> <div class="row-separator"></div>
<div id="text-input" title="Message" class="textarea" role="textbox" autocapitalize="none" spellcheck="false" autofocus contenteditable></div> <div id="text-input" title="Message" class="textarea" role="textbox" autocapitalize="none" spellcheck="false" autofocus contenteditable></div>
<div class="center row-reverse"> <div class="center row-reverse">
<button class="button" type="submit" title="STR + ENTER" disabled close>Send</button> <button class="button" type="submit" title="CTRL/⌘ + ENTER" disabled>Send</button>
<button class="button" type="button" title="ESCAPE" close>Cancel</button> <button class="button" type="button" title="ESCAPE" close>Cancel</button>
</div> </div>
</x-paper> </x-paper>

View File

@@ -1,4 +1,4 @@
const cacheVersion = 'v1.7.1'; const cacheVersion = 'v1.7.2';
const cacheTitle = `pairdrop-included-ws-fallback-cache-${cacheVersion}`; const cacheTitle = `pairdrop-included-ws-fallback-cache-${cacheVersion}`;
const urlsToCache = [ const urlsToCache = [
'index.html', 'index.html',

View File

@@ -1170,8 +1170,12 @@ button::-moz-focus-inner {
#about x-background { #about x-background {
position: absolute; position: absolute;
width: 500px; --size: max(max(230vw, 230vh), calc(150vh + 150vw));
height: 500px; --size-half: calc(var(--size)/2);
top: calc(28px - var(--size-half));
right: calc(36px - var(--size-half));
width: var(--size);
height: var(--size);
border-radius: 50%; border-radius: 50%;
background: var(--primary-color); background: var(--primary-color);
transform: scale(0); transform: scale(0);
@@ -1185,7 +1189,7 @@ button::-moz-focus-inner {
} }
#about:target x-background { #about:target x-background {
transform: scale(10); transform: scale(1);
} }
#about .row a { #about .row a {
@@ -1308,7 +1312,7 @@ x-peers:empty~x-instructions {
@media (hover: none) and (pointer: coarse) { @media (hover: none) and (pointer: coarse) {
x-peer { x-peer {
transform: scale(0.95); transform: scale(0.95);
padding: 4px 0; padding: 4px;
} }
} }