forked from GithubMirrors/cardconjurer
		
	fixes
This commit is contained in:
		| @@ -10,10 +10,11 @@ ErrorDocument 404 /404.php | ||||
| 	    Header set Cache-Control "max-age=2678400, public" | ||||
| 	</filesMatch> | ||||
| 	#WEEK | ||||
| 	<filesMatch "\.(js)$"> | ||||
| 	<filesMatch "\.(js|php)$"> | ||||
| 	    Header set Cache-Control "max-age=604800, public" | ||||
| 	</filesMatch> | ||||
| 	#creator.js | ||||
| 	<files creator.js> | ||||
| 	    Header set Cache-Control "max-age=0, public" | ||||
| 	    Header set Cache-Control "max-age=60, public" | ||||
| 	</files> | ||||
| </IfModule> | ||||
| @@ -252,9 +252,9 @@ a:hover { | ||||
| 	transition: 0.333s ease; | ||||
| } | ||||
| .hamburger:hover + .circle { | ||||
| 	padding: 3rem; | ||||
| 	/*padding: 3rem; | ||||
| 	right: -1rem; | ||||
| 	top: -1rem; | ||||
| 	top: -1rem;*/ | ||||
| } | ||||
| .hamburger.opened + .circle { | ||||
| 	padding: var(--window-diagonal-size); | ||||
| @@ -549,7 +549,9 @@ textarea.input { | ||||
| 	position: fixed; | ||||
| 	max-width: calc(100vw - 6rem); | ||||
| 	width: 64rem; /*multiple of 16?*/ | ||||
| 	max-height: calc(100vh - 6rem); | ||||
| 	height: auto; | ||||
| 	overflow-y: scroll; | ||||
| 	-webkit-transform: translateX(-50%) translateY(-50%); | ||||
|     -moz-transform: translateX(-50%) translateY(-50%); | ||||
|     -ms-transform: translateX(-50%) translateY(-50%); | ||||
|   | ||||
| @@ -14,6 +14,7 @@ | ||||
| 	<script src='/js/main.js'></script> | ||||
| </head> | ||||
| <body> | ||||
| 	<script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script> <!--https://stackoverflow.com/questions/2898740/iphone-safari-web-app-opens-links-in-new-window--> | ||||
| 	<div class='background'></div> | ||||
| 	<header> | ||||
| 		<h1 class='title center'>CARD CONJURER</h1> | ||||
|   | ||||
| @@ -149,8 +149,23 @@ function dragStart(event) { | ||||
| function dragEnd(event) { | ||||
| 	Array.from(document.querySelectorAll('.dragging')).forEach(element => element.classList.remove('dragging')); | ||||
| } | ||||
| function dragOver(event) { | ||||
| 	var eventTarget = event.target.closest('.draggable'); | ||||
| function touchMove(event) { | ||||
| 	var clientX = event.clientX; | ||||
| 	var clientY = event.clientY; | ||||
| 	Array.from(document.querySelector('.dragging').parentElement.children).forEach(element => { | ||||
| 		var elementBounds = element.getBoundingClientRect(); | ||||
| 		if (clientY > elementBounds.top && clientY < elementBounds.bottom) { | ||||
| 			dragOver(element, false); | ||||
| 		} | ||||
| 	}) | ||||
| } | ||||
| function dragOver(event, drag=true) { | ||||
| 	var eventTarget; | ||||
| 	if (drag) { | ||||
| 		eventTarget = event.target.closest('.draggable'); | ||||
| 	} else { | ||||
| 		eventTarget = event; | ||||
| 	} | ||||
| 	var movingElement = document.querySelector('.dragging'); | ||||
| 	if (document.querySelector('.dragging') && !eventTarget.classList.contains('dragging') && eventTarget.parentElement == movingElement.parentElement) { | ||||
| 		var parentElement = eventTarget.parentElement; | ||||
| @@ -177,8 +192,11 @@ function dragOver(event) { | ||||
| 		}); | ||||
| 		Array.from(elements.children).forEach(element => { | ||||
| 			element.ondragstart = dragStart; | ||||
| 			element.ontouchstart = dragStart; | ||||
| 			element.ondragend = dragEnd; | ||||
| 			element.ontouchend = dragEnd; | ||||
| 			element.ondragover = dragOver; | ||||
| 			element.ontouchmove = touchMove; | ||||
| 			element.onclick = frameElementClicked; | ||||
| 			element.children[3].onclick = removeFrame; | ||||
| 		}) | ||||
| @@ -363,6 +381,9 @@ function addFrame(additionalMasks = [], loadingFrame = false) { | ||||
| 	frameElement.ondragstart = dragStart; | ||||
| 	frameElement.ondragend = dragEnd; | ||||
| 	frameElement.ondragover = dragOver; | ||||
| 	frameElement.ontouchstart = dragStart; | ||||
| 	frameElement.ontouchend = dragEnd; | ||||
| 	frameElement.ontouchmove = touchMove; | ||||
| 	frameElement.onclick = frameElementClicked; | ||||
| 	var frameElementImage = document.createElement('img'); | ||||
| 	if (frameToAdd.noThumb || frameToAdd.src.includes('/img/black.png')) { | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 Kyle
					Kyle