migliorato css
This commit is contained in:
Matteo Manzinello committed
1 parent
46b89afb3d
commit
248117cf47
3 files changed
+13
-11
No files matched your search
Vendored
+6
-5
@@ -79,14 +79,14 @@ function mailgoInit() {
|
||||
.mailgo-modal-content a.gmail:hover {
|
||||
background-color: rgba(212, 70, 56, 0.08);
|
||||
}
|
||||
a.mailgo-copy {
|
||||
margin-top: 10px;
|
||||
.mailgo-modal-content a.mailgo-copy {
|
||||
padding: 16px 10px;
|
||||
}
|
||||
.mailgo-by {
|
||||
.mailgo-modal-content a.mailgo-by {
|
||||
display: block;
|
||||
font-size: 8px;
|
||||
margin-top: 0.75rem;
|
||||
margin-top: 1rem;
|
||||
padding: 0px;
|
||||
}
|
||||
.mailgo-weight-500 {
|
||||
font-weight: 500;
|
||||
@@ -117,7 +117,8 @@ function mailgoInit() {
|
||||
if (!validateEmail(mail)) return;
|
||||
|
||||
let modal = document.createElement("div");
|
||||
modal.className = "mailgo-modal";
|
||||
modal.classList.add("mailgo");
|
||||
modal.classList.add("mailgo-modal");
|
||||
modal.setAttribute("data-index", index);
|
||||
|
||||
// background
|
||||
|
||||
Vendored
+1
-1
@@ -1 +1 @@
|
||||
function mailgoInit(){let e=document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo)'),t=document.createElement("style");t.type="text/css",t.innerText='\n .mailgo-modal {\n all: initial;\n * {\n all: unset;\n }\n }\n .mailgo-title {\n display: block;\n margin-bottom: 5px;\n }\n .mailgo-details {\n font-size: 12px;\n margin-bottom: 10px;\n }\n .mailgo-details p {\n margin-top: 3px;\n margin-bottom: 3px;\n }\n .mailgo-modal-background {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(10,10,10,.86);\n opacity: 0.8;\n }\n .mailgo-modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: none;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n }\n .mailgo-modal.is-active {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .mailgo-modal-content {\n z-index: 1000;\n text-align: center;\n width: 200px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);\n color: #4a4a4a;\n display: block;\n padding: 1.25rem;\n }\n .mailgo-modal-content a {\n display: block;\n color: #4a4a4a;\n border-radius: 4px;\n text-decoration: none;\n }\n .mailgo-modal-content a {\n padding: 10px;\n }\n .mailgo-modal-content a.mailgo-open:hover, .mailgo-modal-content a.mailgo-copy:hover {\n background-color: rgba(0, 0, 0, 0.08);\n }\n .mailgo-modal-content a.outlook {\n color: #0072C6;\n }\n .mailgo-modal-content a.gmail {\n color: #D44638;\n }\n .mailgo-modal-content a.outlook:hover {\n background-color: rgba(0, 114, 198, 0.08);\n }\n .mailgo-modal-content a.gmail:hover {\n background-color: rgba(212, 70, 56, 0.08);\n }\n a.mailgo-copy {\n margin-top: 10px;\n padding: 16px 10px;\n }\n .mailgo-by {\n display: block;\n font-size: 8px;\n margin-top: 0.75rem;\n }\n .mailgo-weight-500 {\n font-weight: 500;\n }',document.head.appendChild(t),console.log("mailgo is WIP!"),e.forEach(function(e,t){let n=e.href.split("?")[0].split("mailto:")[1].trim(),a=new URL(e.href),o=new URLSearchParams(a.search),l=o.get("cc"),d=o.get("bcc"),i=o.get("subject"),c=o.get("body");if(!validateEmail(n))return;let m=document.createElement("div");m.className="mailgo-modal",m.setAttribute("data-index",t);let p=document.createElement("div");p.className="mailgo-modal-background",m.appendChild(p);let r=document.createElement("div");r.className="mailgo-modal-content",m.appendChild(r);let s=document.createElement("strong");s.className="mailgo-title";let g=document.createTextNode(n);s.appendChild(g),r.appendChild(s);let u=document.createElement("div");if(u.className="mailgo-details",l&&""!=l){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+l);e.appendChild(t),e.appendChild(a),u.appendChild(e)}if(d&&""!=d){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("bcc");t.appendChild(n);let a=document.createTextNode(": "+d);e.appendChild(t),e.appendChild(a),u.appendChild(e)}if(i&&""!=i){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+i);e.appendChild(t),e.appendChild(a),u.appendChild(e)}if(c&&""!=c){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+c);e.appendChild(t),e.appendChild(a),u.appendChild(e)}r.appendChild(u);let h=document.createElement("a");h.href="https://mail.google.com/mail?extsrc=mailto&url="+e.href,h.classList.add("mailgo-open"),h.classList.add("gmail");let x=document.createTextNode("open in ");h.appendChild(x);let b=document.createElement("span");b.className="mailgo-weight-500";let C=document.createTextNode("Gmail");b.appendChild(C),h.appendChild(b),r.appendChild(h);let f=document.createElement("a");f.href="https://outlook.office.com/owa/?rru=compose&to="+n+a.search,f.classList.add("mailgo-open"),f.classList.add("outlook");let E=document.createTextNode("open in ");f.appendChild(E);let y=document.createElement("span");y.className="mailgo-weight-500";let N=document.createTextNode("Outlook");y.appendChild(N),f.appendChild(y),r.appendChild(f);let v=document.createElement("a");v.href=e.href,v.classList.add("mailgo-open"),v.classList.add("mailgo-weight-500");Line truncated
|
||||
function mailgoInit(){let e=document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo)'),t=document.createElement("style");t.type="text/css",t.innerText='\n .mailgo-modal {\n all: initial;\n * {\n all: unset;\n }\n }\n .mailgo-title {\n display: block;\n margin-bottom: 5px;\n }\n .mailgo-details {\n font-size: 12px;\n margin-bottom: 10px;\n }\n .mailgo-details p {\n margin-top: 3px;\n margin-bottom: 3px;\n }\n .mailgo-modal-background {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(10,10,10,.86);\n opacity: 0.8;\n }\n .mailgo-modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: none;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n }\n .mailgo-modal.is-active {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .mailgo-modal-content {\n z-index: 1000;\n text-align: center;\n width: 200px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);\n color: #4a4a4a;\n display: block;\n padding: 1.25rem;\n }\n .mailgo-modal-content a {\n display: block;\n color: #4a4a4a;\n border-radius: 4px;\n text-decoration: none;\n }\n .mailgo-modal-content a {\n padding: 10px;\n }\n .mailgo-modal-content a.mailgo-open:hover, .mailgo-modal-content a.mailgo-copy:hover {\n background-color: rgba(0, 0, 0, 0.08);\n }\n .mailgo-modal-content a.outlook {\n color: #0072C6;\n }\n .mailgo-modal-content a.gmail {\n color: #D44638;\n }\n .mailgo-modal-content a.outlook:hover {\n background-color: rgba(0, 114, 198, 0.08);\n }\n .mailgo-modal-content a.gmail:hover {\n background-color: rgba(212, 70, 56, 0.08);\n }\n .mailgo-modal-content a.mailgo-copy {\n padding: 16px 10px;\n }\n .mailgo-modal-content a.mailgo-by {\n display: block;\n font-size: 8px;\n margin-top: 1rem;\n padding: 0px;\n }\n .mailgo-weight-500 {\n font-weight: 500;\n }',document.head.appendChild(t),console.log("mailgo is WIP!"),e.forEach(function(e,t){let n=e.href.split("?")[0].split("mailto:")[1].trim(),a=new URL(e.href),o=new URLSearchParams(a.search),l=o.get("cc"),d=o.get("bcc"),i=o.get("subject"),c=o.get("body");if(!validateEmail(n))return;let m=document.createElement("div");m.classList.add("mailgo"),m.classList.add("mailgo-modal"),m.setAttribute("data-index",t);let p=document.createElement("div");p.className="mailgo-modal-background",m.appendChild(p);let r=document.createElement("div");r.className="mailgo-modal-content",m.appendChild(r);let s=document.createElement("strong");s.className="mailgo-title";let g=document.createTextNode(n);s.appendChild(g),r.appendChild(s);let u=document.createElement("div");if(u.className="mailgo-details",l&&""!=l){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+l);e.appendChild(t),e.appendChild(a),u.appendChild(e)}if(d&&""!=d){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("bcc");t.appendChild(n);let a=document.createTextNode(": "+d);e.appendChild(t),e.appendChild(a),u.appendChild(e)}if(i&&""!=i){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+i);e.appendChild(t),e.appendChild(a),u.appendChild(e)}if(c&&""!=c){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+c);e.appendChild(t),e.appendChild(a),u.appendChild(e)}r.appendChild(u);let h=document.createElement("a");h.href="https://mail.google.com/mail?extsrc=mailto&url="+e.href,h.classList.add("mailgo-open"),h.classList.add("gmail");let x=document.createTextNode("open in ");h.appendChild(x);let b=document.createElement("span");b.className="mailgo-weight-500";let C=document.createTextNode("Gmail");b.appendChild(C),h.appendChild(b),r.appendChild(h);let f=document.createElement("a");f.href="https://outlook.office.com/owa/?rru=compose&to="+n+a.search,f.classList.add("mailgo-open"),f.classList.add("outlook");let E=document.createTextNode("open in ");f.appendChild(E);let y=document.createElement("span");y.className="mailgo-weight-500";let N=document.createTextNode("Outlook");y.appendChild(N),f.appendChild(y),r.appendChild(f);let v=document.createElement("a");v.href=e.hrefLine truncated
|
||||
+6
-5
@@ -79,14 +79,14 @@ function mailgoInit() {
|
||||
.mailgo-modal-content a.gmail:hover {
|
||||
background-color: rgba(212, 70, 56, 0.08);
|
||||
}
|
||||
a.mailgo-copy {
|
||||
margin-top: 10px;
|
||||
.mailgo-modal-content a.mailgo-copy {
|
||||
padding: 16px 10px;
|
||||
}
|
||||
.mailgo-by {
|
||||
.mailgo-modal-content a.mailgo-by {
|
||||
display: block;
|
||||
font-size: 8px;
|
||||
margin-top: 0.75rem;
|
||||
margin-top: 1rem;
|
||||
padding: 0px;
|
||||
}
|
||||
.mailgo-weight-500 {
|
||||
font-weight: 500;
|
||||
@@ -117,7 +117,8 @@ function mailgoInit() {
|
||||
if (!validateEmail(mail)) return;
|
||||
|
||||
let modal = document.createElement("div");
|
||||
modal.className = "mailgo-modal";
|
||||
modal.classList.add("mailgo");
|
||||
modal.classList.add("mailgo-modal");
|
||||
modal.setAttribute("data-index", index);
|
||||
|
||||
// background
|
||||
|
||||
Reference in new issue
Block a user