fix x button on pins

master
evan 2019-10-08 15:49:06 -07:00
parent 9a174671bf
commit e09fc596f3
3 changed files with 10 additions and 5 deletions

View File

@ -131,7 +131,7 @@ export class PinHandler {
this.UpdateAnimationPinNames();
});
// button to remove pin
const removePinButton = document.createElement('button');
const removePinButton = document.createElement('div');
newDiv.appendChild(removePinButton);
removePinButton.textContent = 'X';
removePinButton.className = 'removeButton';

View File

@ -60,6 +60,7 @@ div {
padding: 8px;
text-align: center;
background-color: $secondary-bg-color;
border-radius: 5px;
}
.center {
@ -283,9 +284,12 @@ $pin-button-size: 75px;
display: block;
margin: 0 auto;
position: relative;
transform: translate($pin-button-size / 2, -$pin-button-size / 2);
transform: translate($pin-button-size / 2, -$pin-button-size / 2 + 5px);
width: 15px;
border: 1px solid;
border-radius: 50%;
background-color: rgb(158, 15, 34);
color: rgb(227, 227, 236);
background-color: #9e0f22;
color: #e3e3ec;
height: 15px;
line-height: 15px;
}

1
dist/index.html vendored
View File

@ -47,6 +47,7 @@
<p><b>Arrow Keys</b> - Advance frames</p>
<p><b>Spacebar</b> - Play/Pause Animation</p>
<p><b>S</b> - Export</p>
<p>Add pins with the <b>+</b> button</p>
</div>
<div id="outputMessage"></div>
</div>