nuova import di unpkg per il js

This commit is contained in:
Matteo Manzinello 2019-05-08 13:34:01 +02:00
parent 6bb00abb63
commit ac93120e5d
2 changed files with 17 additions and 1 deletions

View File

@ -2,14 +2,17 @@
display: block; display: block;
margin-bottom: 5px; margin-bottom: 5px;
} }
.mailgo-details { .mailgo-details {
margin-bottom: 10px; margin-bottom: 10px;
} }
.mailgo-details p { .mailgo-details p {
font-size: 12px; font-size: 12px;
margin-top: 3px; margin-top: 3px;
margin-bottom: 3px; margin-bottom: 3px;
} }
.mailgo-modal-background { .mailgo-modal-background {
position: absolute; position: absolute;
top: 0; top: 0;
@ -19,6 +22,7 @@
background-color: rgba(10, 10, 10, 0.86); background-color: rgba(10, 10, 10, 0.86);
opacity: 0.8; opacity: 0.8;
} }
.mailgo-modal { .mailgo-modal {
position: fixed; position: fixed;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
@ -34,9 +38,11 @@
overflow: hidden; overflow: hidden;
z-index: 100000; z-index: 100000;
} }
.mailgo-modal.is-active { .mailgo-modal.is-active {
display: flex; display: flex;
} }
.mailgo-modal-content { .mailgo-modal-content {
z-index: 1000; z-index: 1000;
text-align: center; text-align: center;
@ -49,34 +55,43 @@
overflow: auto; overflow: auto;
padding: 1.25rem; padding: 1.25rem;
} }
.mailgo-modal-content a { .mailgo-modal-content a {
display: block; display: block;
color: #4a4a4a; color: #4a4a4a;
border-radius: 4px; border-radius: 4px;
text-decoration: none; text-decoration: none;
} }
.mailgo-modal-content a { .mailgo-modal-content a {
padding: 10px; padding: 10px;
} }
.mailgo-modal-content a.mailgo-open:hover, .mailgo-modal-content a.mailgo-open:hover,
.mailgo-modal-content a.mailgo-copy:hover { .mailgo-modal-content a.mailgo-copy:hover {
background-color: rgba(0, 0, 0, 0.08); background-color: rgba(0, 0, 0, 0.08);
} }
.mailgo-modal-content a.outlook { .mailgo-modal-content a.outlook {
color: #0072c6; color: #0072c6;
} }
.mailgo-modal-content a.gmail { .mailgo-modal-content a.gmail {
color: #d44638; color: #d44638;
} }
.mailgo-modal-content a.outlook:hover { .mailgo-modal-content a.outlook:hover {
background-color: rgba(0, 114, 198, 0.08); background-color: rgba(0, 114, 198, 0.08);
} }
.mailgo-modal-content a.gmail:hover { .mailgo-modal-content a.gmail:hover {
background-color: rgba(212, 70, 56, 0.08); background-color: rgba(212, 70, 56, 0.08);
} }
.mailgo-modal-content a.mailgo-copy { .mailgo-modal-content a.mailgo-copy {
padding: 16px 10px; padding: 16px 10px;
} }
.mailgo-modal-content a.mailgo-by { .mailgo-modal-content a.mailgo-by {
display: block; display: block;
font-size: 8px; font-size: 8px;
@ -84,6 +99,7 @@
padding: 0px; padding: 0px;
font-style: italic; font-style: italic;
} }
.mailgo-weight-500 { .mailgo-weight-500 {
font-weight: 500; font-weight: 500;
} }

View File

@ -1,7 +1,7 @@
mailgoInit = () => { mailgoInit = () => {
const styleSheet = document.createElement("style"); const styleSheet = document.createElement("style");
styleSheet.type = "text/css"; styleSheet.type = "text/css";
styleSheet.innerText = styles; styleSheet.src = "https://unpkg.com/mailgo@latest/dist/mailgo.min.css";
document.head.appendChild(styleSheet); document.head.appendChild(styleSheet);
// ottengo tutti i mailto contenuti nella pagina // ottengo tutti i mailto contenuti nella pagina