iangornall

// ==UserScript==
// @name         Github PR checklist
// @namespace    ClearPoint Strategy
// @version      1.0
// @description  PR checklist
// @author       Ian Gornall
// @match        https://github.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=github.com
// @grant        none
// ==/UserScript==

iangornall

let drag = document.querySelector('.drag');
drag.ondragstart = event => {
  event.dataTransfer.setData("dragElement", event.currentTarget);
  event.effectAllowed = "copyMove";
}
let dropElements = document.querySelectorAll('.drop');
for (let dropElement of dropElements){
  dropElement.ondrop = event => {
    console.log(event.dataTransfer.getData("dragElement"));
    dropElement.appendChild(drag);

iangornall

coverElement.addEventListener('click', () => {
	if (event.currentTarget === event.target) {
		coverElement.classList.add('hide');
		modalElement.classList.add('hide');
	}
})

iangornall

.cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
}

iangornall

.element {
	opacity: 1;
	transition: opacity 300ms;
}
.hide {
	opacity: 0;
  	pointer-events: none;
}

iangornall

.element {
	opacity: 1;
	transition: opacity 300ms;
}
.hide {
	opacity: 0;
}

iangornall

var showModal = function(i) {
  ...
  modalContainers[i].classList.add('show');
  ...
}
var showLastModal = function() {
  hideModal();
  showModal((gummiData.length + currentI - 1) % gummiData.length);
}
var showNextModal = function() {

iangornall

.gummi-button-container {
  display: flex;
  justify-content: space-around;  <-- changed this
  ...
}

.gummi-button {
  outline: solid 0.2em transparent;  <-- added this
  transition: outline 300ms;
}

iangornall

cover.addEventListener('click', () => {
  if (event.target == event.currentTarget){
    hideCard();
  }
});

iangornall

var gummiData = [{likes: 1,
            comments: ['this', 'that', 'another'],
            caption: 'Gummi Bins',
            url: 'https://someimagesite.com/someimage.png'}, {another...}, ...]