odit/mailymaily
4
0
Fork 0
Code Issues Pull Requests Projects Releases 2 Wiki Activity

refactor of weight 500 in w-500

Browse Source
This commit is contained in:
Matteo Manzinello 2019-10-28 20:57:33 +01:00
parent 10e27d19bd
commit 56490623aa
5 changed files with 20 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/mailgo.min.css vendored
View File

@ -1 +1 @@
.mailgo-modal{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-size:15px;z-index:10000}.mailgo-modal a,.mailgo-modal p,.mailgo-modal span,.mailgo-modal strong{margin:0;padding:0;font-size:100%;line-height:1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.mailgo-modal strong{font-weight:700}.mailgo-modal .mailgo-modal-background{position:absolute;z-index:10001;top:0;right:0;bottom:0;left:0;background-color:rgba(32,35,42,.75);opacity:.8}.mailgo-modal .mailgo-modal-content{position:relative;z-index:10002;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;min-width:200px;max-width:240px;background-color:#fff;opacity:.97;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 3px 20px rgba(32,35,42,.5);-moz-box-shadow:0 3px 20px rgba(32,35,42,.5);box-shadow:0 3px 20px rgba(32,35,42,.5);color:#4a4a4a;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;padding:20px;-webkit-transition:.5s -webkit-box-shadow;transition:.5s -webkit-box-shadow;-o-transition:.5s box-shadow;-moz-transition:.5s box-shadow,.5s -moz-box-shadow;transition:.5s box-shadow;transition:.5s box-shadow,.5s -webkit-box-shadow,.5s -moz-box-shadow}.mailgo-modal .mailgo-modal-content:hover{opacity:1;-webkit-box-shadow:0 7px 20px rgba(32,35,42,.85);-moz-box-shadow:0 7px 20px rgba(32,35,42,.85);box-shadow:0 7px 20px rgba(32,35,42,.85)}.mailgo-modal .mailgo-modal-content .mailgo-title{margin-bottom:8px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.mailgo-modal .mailgo-modal-content .mailgo-details{margin-bottom:10px}.mailgo-modal .mailgo-modal-content .mailgo-details p{font-size:12px;margin-top:3px;margin-bottom:3px}.mailgo-modal .mailgo-modal-content a{padding:10px;color:#4a4a4a;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none}.mailgo-modal .mailgo-modal-content a.mailgo-gmail{color:#d44638}.mailgo-modal .mailgo-modal-content a.mailgo-outlook{color:#0072c6}.mailgo-modal .mailgo-modal-content a.mailgo-wa{color:#00bfa5}.mailgo-modal .mailgo-modal-content a.mailgo-telegram{color:#08c}.mailgo-modal .mailgo-modal-content a.mailgo-skype{color:#00aff0}.mailgo-modal .mailgo-modal-content a.mailgo-copy{padding:16px 10px;font-size:16px}.mailgo-modal .mailgo-modal-content a.mailgo-copy:hover,.mailgo-modal .mailgo-modal-content a.mailgo-default:hover{background-color:rgba(0,0,0,.08);color:#4a4a4a}.mailgo-modal .mailgo-modal-content a.mailgo-gmail:hover{background-color:rgba(212,70,56,.08);color:#d44638}.mailgo-modal .mailgo-modal-content a.mailgo-outlook:hover{background-color:rgba(0,114,198,.08);color:#0072c6}.mailgo-modal .mailgo-modal-content a.mailgo-telegram:hover{background-color:rgba(0,114,198,.08);color:#08c}.mailgo-modal .mailgo-modal-content a.mailgo-wa:hover{background-color:rgba(0,191,165,.08);color:#00bfa5}.mailgo-modal .mailgo-modal-content a.mailgo-skype:hover{background-color:rgba(0,175,240,.08);color:#00aff0}.mailgo-modal .mailgo-modal-content a.mailgo-by{font-size:8px;margin-top:.8rem;padding:5px;color:#4a4a4a;opacity:.5}.mailgo-modal .mailgo-modal-content a.mailgo-by:hover{opacity:1}.mailgo-modal .mailgo-modal-content .mailgo-weight-500{font-weight:500} .mailgo-modal{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-size:15px;z-index:10000}.mailgo-modal a,.mailgo-modal p,.mailgo-modal span,.mailgo-modal strong{margin:0;padding:0;font-size:100%;line-height:1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.mailgo-modal strong{font-weight:700}.mailgo-modal .mailgo-modal-background{position:absolute;z-index:10001;top:0;right:0;bottom:0;left:0;background-color:rgba(32,35,42,.75);opacity:.8}.mailgo-modal .mailgo-modal-content{position:relative;z-index:10002;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;min-width:200px;max-width:240px;background-color:#fff;opacity:.97;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 3px 20px rgba(32,35,42,.5);-moz-box-shadow:0 3px 20px rgba(32,35,42,.5);box-shadow:0 3px 20px rgba(32,35,42,.5);color:#4a4a4a;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;padding:20px;-webkit-transition:.5s -webkit-box-shadow;transition:.5s -webkit-box-shadow;-o-transition:.5s box-shadow;-moz-transition:.5s box-shadow,.5s -moz-box-shadow;transition:.5s box-shadow;transition:.5s box-shadow,.5s -webkit-box-shadow,.5s -moz-box-shadow}.mailgo-modal .mailgo-modal-content:hover{opacity:1;-webkit-box-shadow:0 7px 20px rgba(32,35,42,.85);-moz-box-shadow:0 7px 20px rgba(32,35,42,.85);box-shadow:0 7px 20px rgba(32,35,42,.85)}.mailgo-modal .mailgo-modal-content .mailgo-title{margin-bottom:8px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.mailgo-modal .mailgo-modal-content .mailgo-details{margin-bottom:10px}.mailgo-modal .mailgo-modal-content .mailgo-details p{font-size:12px;margin-top:3px;margin-bottom:3px}.mailgo-modal .mailgo-modal-content a{padding:10px;color:#4a4a4a;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none}.mailgo-modal .mailgo-modal-content a.mailgo-gmail{color:#d44638}.mailgo-modal .mailgo-modal-content a.mailgo-outlook{color:#0072c6}.mailgo-modal .mailgo-modal-content a.mailgo-wa{color:#00bfa5}.mailgo-modal .mailgo-modal-content a.mailgo-telegram{color:#08c}.mailgo-modal .mailgo-modal-content a.mailgo-skype{color:#00aff0}.mailgo-modal .mailgo-modal-content a.mailgo-copy{padding:16px 10px;font-size:16px}.mailgo-modal .mailgo-modal-content a.mailgo-copy:hover,.mailgo-modal .mailgo-modal-content a.mailgo-default:hover{background-color:rgba(0,0,0,.08);color:#4a4a4a}.mailgo-modal .mailgo-modal-content a.mailgo-gmail:hover{background-color:rgba(212,70,56,.08);color:#d44638}.mailgo-modal .mailgo-modal-content a.mailgo-outlook:hover{background-color:rgba(0,114,198,.08);color:#0072c6}.mailgo-modal .mailgo-modal-content a.mailgo-telegram:hover{background-color:rgba(0,114,198,.08);color:#08c}.mailgo-modal .mailgo-modal-content a.mailgo-wa:hover{background-color:rgba(0,191,165,.08);color:#00bfa5}.mailgo-modal .mailgo-modal-content a.mailgo-skype:hover{background-color:rgba(0,175,240,.08);color:#00aff0}.mailgo-modal .mailgo-modal-content a.mailgo-by{font-size:8px;margin-top:.8rem;padding:5px;color:#4a4a4a;opacity:.5}.mailgo-modal .mailgo-modal-content a.mailgo-by:hover{opacity:1}.mailgo-modal .mailgo-modal-content .w-500{font-weight:500}

2
dist/mailgo.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
mailgo.js
View File

File diff suppressed because one or more lines are too long

26
src/mailgo.js
View File

@ -80,7 +80,7 @@
detailCc = document.createElement("p"); detailCc = document.createElement("p");
detailCc.id = "mailgo-cc"; detailCc.id = "mailgo-cc";
let ccSpan = document.createElement("span"); let ccSpan = document.createElement("span");
ccSpan.className = "mailgo-weight-500"; ccSpan.className = "w-500";
let ccContent = document.createTextNode("cc "); let ccContent = document.createTextNode("cc ");
ccSpan.appendChild(ccContent); ccSpan.appendChild(ccContent);
ccValue = document.createElement("span"); ccValue = document.createElement("span");
@ -92,7 +92,7 @@
detailBcc = document.createElement("p"); detailBcc = document.createElement("p");
detailBcc.id = "mailgo-bcc"; detailBcc.id = "mailgo-bcc";
let bccSpan = document.createElement("span"); let bccSpan = document.createElement("span");
bccSpan.className = "mailgo-weight-500"; bccSpan.className = "w-500";
let bccContent = document.createTextNode("bcc "); let bccContent = document.createTextNode("bcc ");
bccSpan.appendChild(bccContent); bccSpan.appendChild(bccContent);
bccValue = document.createElement("span"); bccValue = document.createElement("span");
@ -104,7 +104,7 @@
detailSubject = document.createElement("p"); detailSubject = document.createElement("p");
detailSubject.id = "mailgo-subject"; detailSubject.id = "mailgo-subject";
let subjectSpan = document.createElement("span"); let subjectSpan = document.createElement("span");
subjectSpan.className = "mailgo-weight-500"; subjectSpan.className = "w-500";
let subjectContent = document.createTextNode("subject "); let subjectContent = document.createTextNode("subject ");
subjectSpan.appendChild(subjectContent); subjectSpan.appendChild(subjectContent);
subjectValue = document.createElement("span"); subjectValue = document.createElement("span");
@ -116,7 +116,7 @@
detailBody = document.createElement("p"); detailBody = document.createElement("p");
detailBody.id = "mailgo-body"; detailBody.id = "mailgo-body";
let bodySpan = document.createElement("span"); let bodySpan = document.createElement("span");
bodySpan.className = "mailgo-weight-500"; bodySpan.className = "w-500";
let bodyContent = document.createTextNode("body "); let bodyContent = document.createTextNode("body ");
bodySpan.appendChild(bodyContent); bodySpan.appendChild(bodyContent);
bodyValue = document.createElement("span"); bodyValue = document.createElement("span");
@ -136,7 +136,7 @@
let gmailContent = document.createTextNode("open in "); let gmailContent = document.createTextNode("open in ");
gmail.appendChild(gmailContent); gmail.appendChild(gmailContent);
let gmailSpan = document.createElement("span"); let gmailSpan = document.createElement("span");
gmailSpan.className = "mailgo-weight-500"; gmailSpan.className = "w-500";
let gmailSpanContent = document.createTextNode("Gmail"); let gmailSpanContent = document.createTextNode("Gmail");
gmailSpan.appendChild(gmailSpanContent); gmailSpan.appendChild(gmailSpanContent);
gmail.appendChild(gmailSpan); gmail.appendChild(gmailSpan);
@ -152,7 +152,7 @@
let outlookContent = document.createTextNode("open in "); let outlookContent = document.createTextNode("open in ");
outlook.appendChild(outlookContent); outlook.appendChild(outlookContent);
let outlookSpan = document.createElement("span"); let outlookSpan = document.createElement("span");
outlookSpan.className = "mailgo-weight-500"; outlookSpan.className = "w-500";
let outlookSpanContent = document.createTextNode("Outlook"); let outlookSpanContent = document.createTextNode("Outlook");
outlookSpan.appendChild(outlookSpanContent); outlookSpan.appendChild(outlookSpanContent);
outlook.appendChild(outlookSpan); outlook.appendChild(outlookSpan);
@ -166,7 +166,7 @@
open.classList.add("mailgo-open"); open.classList.add("mailgo-open");
open.classList.add("mailgo-default"); open.classList.add("mailgo-default");
let openSpan = document.createElement("span"); let openSpan = document.createElement("span");
openSpan.className = "mailgo-weight-500"; openSpan.className = "w-500";
let openSpanContent = document.createTextNode("open"); let openSpanContent = document.createTextNode("open");
openSpan.appendChild(openSpanContent); openSpan.appendChild(openSpanContent);
let openContent = document.createTextNode(" default"); let openContent = document.createTextNode(" default");
@ -180,7 +180,7 @@
copyMail.id = "mailgo-copy"; copyMail.id = "mailgo-copy";
copyMail.href = DEFAULT_BTN_HREF; copyMail.href = DEFAULT_BTN_HREF;
copyMail.classList.add("mailgo-copy"); copyMail.classList.add("mailgo-copy");
copyMail.classList.add("mailgo-weight-500"); copyMail.classList.add("w-500");
let copyContent = document.createTextNode("copy"); let copyContent = document.createTextNode("copy");
copyMail.appendChild(copyContent); copyMail.appendChild(copyContent);
@ -241,7 +241,7 @@
let telegramContent = document.createTextNode("open in "); let telegramContent = document.createTextNode("open in ");
telegram.appendChild(telegramContent); telegram.appendChild(telegramContent);
let telegramSpan = document.createElement("span"); let telegramSpan = document.createElement("span");
telegramSpan.className = "mailgo-weight-500"; telegramSpan.className = "w-500";
let telegramSpanContent = document.createTextNode("Telegram"); let telegramSpanContent = document.createTextNode("Telegram");
telegramSpan.appendChild(telegramSpanContent); telegramSpan.appendChild(telegramSpanContent);
telegram.appendChild(telegramSpan); telegram.appendChild(telegramSpan);
@ -257,7 +257,7 @@
let waContent = document.createTextNode("open in "); let waContent = document.createTextNode("open in ");
wa.appendChild(waContent); wa.appendChild(waContent);
let waSpan = document.createElement("span"); let waSpan = document.createElement("span");
waSpan.className = "mailgo-weight-500"; waSpan.className = "w-500";
let waSpanContent = document.createTextNode("WhatsApp"); let waSpanContent = document.createTextNode("WhatsApp");
waSpan.appendChild(waSpanContent); waSpan.appendChild(waSpanContent);
wa.appendChild(waSpan); wa.appendChild(waSpan);
@ -273,7 +273,7 @@
let skypeContent = document.createTextNode("open in "); let skypeContent = document.createTextNode("open in ");
skype.appendChild(skypeContent); skype.appendChild(skypeContent);
let skypeSpan = document.createElement("span"); let skypeSpan = document.createElement("span");
skypeSpan.className = "mailgo-weight-500"; skypeSpan.className = "w-500";
let skypeSpanContent = document.createTextNode("Skype"); let skypeSpanContent = document.createTextNode("Skype");
skypeSpan.appendChild(skypeSpanContent); skypeSpan.appendChild(skypeSpanContent);
skype.appendChild(skypeSpan); skype.appendChild(skypeSpan);
@ -287,7 +287,7 @@
call.classList.add("mailgo-open"); call.classList.add("mailgo-open");
call.classList.add("mailgo-default"); call.classList.add("mailgo-default");
let callSpan = document.createElement("span"); let callSpan = document.createElement("span");
callSpan.className = "mailgo-weight-500"; callSpan.className = "w-500";
let callSpanContent = document.createTextNode("call"); let callSpanContent = document.createTextNode("call");
callSpan.appendChild(callSpanContent); callSpan.appendChild(callSpanContent);
let callContent = document.createTextNode(" as default"); let callContent = document.createTextNode(" as default");
@ -301,7 +301,7 @@
copyTel.id = "mailgo-tel-copy"; copyTel.id = "mailgo-tel-copy";
copyTel.href = DEFAULT_BTN_HREF; copyTel.href = DEFAULT_BTN_HREF;
copyTel.classList.add("mailgo-copy"); copyTel.classList.add("mailgo-copy");
copyTel.classList.add("mailgo-weight-500"); copyTel.classList.add("w-500");
let copyContent = document.createTextNode("copy"); let copyContent = document.createTextNode("copy");
copyTel.appendChild(copyContent); copyTel.appendChild(copyContent);

9
src/mailgo.scss
View File

@ -160,14 +160,13 @@ $default-border-radius: 8px;
padding: 5px; padding: 5px;
color: $default-color; color: $default-color;
opacity: 0.5; opacity: 0.5;
} &:hover {
opacity: 1;
&.mailgo-by:hover { }
opacity: 1;
} }
} }
.mailgo-weight-500 { .w-500 {
font-weight: 500; font-weight: 500;
} }
} }