diff --git a/src/mailgo.css b/src/mailgo.css index cdc8310..3155e6f 100644 --- a/src/mailgo.css +++ b/src/mailgo.css @@ -2,14 +2,17 @@ display: block; margin-bottom: 5px; } + .mailgo-details { margin-bottom: 10px; } + .mailgo-details p { font-size: 12px; margin-top: 3px; margin-bottom: 3px; } + .mailgo-modal-background { position: absolute; top: 0; @@ -19,6 +22,7 @@ background-color: rgba(10, 10, 10, 0.86); opacity: 0.8; } + .mailgo-modal { position: fixed; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, @@ -34,9 +38,11 @@ overflow: hidden; z-index: 100000; } + .mailgo-modal.is-active { display: flex; } + .mailgo-modal-content { z-index: 1000; text-align: center; @@ -49,34 +55,43 @@ overflow: auto; padding: 1.25rem; } + .mailgo-modal-content a { display: block; color: #4a4a4a; border-radius: 4px; text-decoration: none; } + .mailgo-modal-content a { padding: 10px; } + .mailgo-modal-content a.mailgo-open:hover, .mailgo-modal-content a.mailgo-copy:hover { background-color: rgba(0, 0, 0, 0.08); } + .mailgo-modal-content a.outlook { color: #0072c6; } + .mailgo-modal-content a.gmail { color: #d44638; } + .mailgo-modal-content a.outlook:hover { background-color: rgba(0, 114, 198, 0.08); } + .mailgo-modal-content a.gmail:hover { background-color: rgba(212, 70, 56, 0.08); } + .mailgo-modal-content a.mailgo-copy { padding: 16px 10px; } + .mailgo-modal-content a.mailgo-by { display: block; font-size: 8px; @@ -84,6 +99,7 @@ padding: 0px; font-style: italic; } + .mailgo-weight-500 { font-weight: 500; } diff --git a/src/mailgo.js b/src/mailgo.js index 52413e0..1c5295f 100644 --- a/src/mailgo.js +++ b/src/mailgo.js @@ -1,7 +1,7 @@ mailgoInit = () => { const styleSheet = document.createElement("style"); styleSheet.type = "text/css"; - styleSheet.innerText = styles; + styleSheet.src = "https://unpkg.com/mailgo@latest/dist/mailgo.min.css"; document.head.appendChild(styleSheet); // ottengo tutti i mailto contenuti nella pagina