bozza di modal in centro alla pagina

This commit is contained in:
Matteo Manzinello
2019-05-03 12:26:06 +02:00
parent 8bb0a796a4
commit 4950af8359
3 changed files with 25 additions and 17 deletions

View File

@@ -2,6 +2,15 @@
let mailgos = document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo)');
let styles = `
.mailgo-modal-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: black;
opacity: 0.8;
}
.mailgo-modal {
position: fixed;
top: 0;
@@ -10,20 +19,15 @@ let styles = `
left: 0;
display: none;
}
.mailgo-modal-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: black;
}
.mailgo-modal.is-active {
display: flex;
justify-content: center;
align-items: center;
}
.mailgo-modal-content {
z-index: 1000;
border-radius: 8px;
background: white;
padding: 24px;
margin: 24px;
}