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

css fix, changed some classes (outlook,gmail and default)

Browse Source
This commit is contained in:
Matteo Manzinello 2019-05-15 19:28:14 +02:00
parent bd8956e604
commit f64250cb31
6 changed files with 42 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
dist/mailgo.css vendored
View File

@ -80,30 +80,32 @@
text-decoration: none; text-decoration: none;
} }
.mailgo-modal-content a.mailgo-open:hover, .mailgo-modal-content a.mailgo-gmail {
color: #d44638;
}
.mailgo-modal-content a.mailgo-outlook {
color: #0072c6;
}
.mailgo-modal-content a.mailgo-copy {
padding: 16px 10px;
}
.mailgo-modal-content a.mailgo-default: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);
color: #4a4a4a; color: #4a4a4a;
} }
.mailgo-modal-content a.outlook { .mailgo-modal-content a.mailgo-outlook:hover {
background-color: rgba(0, 114, 198, 0.08);
color: #0072c6; color: #0072c6;
} }
.mailgo-modal-content a.gmail { .mailgo-modal-content a.mailgo-gmail:hover {
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); background-color: rgba(212, 70, 56, 0.08);
} color: #d44638;
.mailgo-modal-content a.mailgo-copy {
padding: 16px 10px;
} }
.mailgo-modal-content a.mailgo-by { .mailgo-modal-content a.mailgo-by {

5
dist/mailgo.js vendored
View File

@ -85,7 +85,7 @@ var mailgoInit = function mailgoInit() {
var gmail = document.createElement("a"); var gmail = document.createElement("a");
gmail.id = "mailgo-gmail"; gmail.id = "mailgo-gmail";
gmail.classList.add("mailgo-open"); gmail.classList.add("mailgo-open");
gmail.classList.add("gmail"); gmail.classList.add("mailgo-gmail");
var gmailContent = document.createTextNode("open in "); var gmailContent = document.createTextNode("open in ");
gmail.appendChild(gmailContent); gmail.appendChild(gmailContent);
var gmailSpan = document.createElement("span"); var gmailSpan = document.createElement("span");
@ -98,7 +98,7 @@ var mailgoInit = function mailgoInit() {
var outlook = document.createElement("a"); var outlook = document.createElement("a");
outlook.id = "mailgo-outlook"; outlook.id = "mailgo-outlook";
outlook.classList.add("mailgo-open"); outlook.classList.add("mailgo-open");
outlook.classList.add("outlook"); outlook.classList.add("mailgo-outlook");
var outlookContent = document.createTextNode("open in "); var outlookContent = document.createTextNode("open in ");
outlook.appendChild(outlookContent); outlook.appendChild(outlookContent);
var outlookSpan = document.createElement("span"); var outlookSpan = document.createElement("span");
@ -112,6 +112,7 @@ var mailgoInit = function mailgoInit() {
open.id = "mailgo-open"; open.id = "mailgo-open";
open.href = "#mailgo-open"; open.href = "#mailgo-open";
open.classList.add("mailgo-open"); open.classList.add("mailgo-open");
open.classList.add("mailgo-default");
open.classList.add("mailgo-weight-500"); open.classList.add("mailgo-weight-500");
var openContent = document.createTextNode("open"); var openContent = document.createTextNode("open");
open.appendChild(openContent); open.appendChild(openContent);

2
dist/mailgo.min.css vendored
View File

@ -1 +1 @@
.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{position:fixed;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;font-size:15px}.mailgo-title{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;z-index:1000;top:0;right:0;bottom:0;left:0;background-color:rgba(10,10,10,.75);opacity:.8}.mailgo-modal-content{position:relative;z-index:1001;box-sizing:content-box;text-align:center;width:200px;background-color:#fff;border-radius:6px;box-shadow:0 2px 6px 0 rgba(10,10,10,.39);color:#4a4a4a;display:block;overflow:auto;padding:1.25rem}.mailgo-modal-content:hover{box-shadow:0 6px 20px rgba(10,10,10,.23)}.mailgo-modal-content a{display:block;padding:10px;color:#4a4a4a;border-radius:4px;text-decoration:none}.mailgo-modal-content a.mailgo-copy:hover,.mailgo-modal-content a.mailgo-open:hover{background-color:rgba(0,0,0,.08);color:#4a4a4a}.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,.08)}.mailgo-modal-content a.gmail:hover{background-color:rgba(212,70,56,.08)}.mailgo-modal-content a.mailgo-copy{padding:16px 10px}.mailgo-modal-content a.mailgo-by{display:block;font-size:8px;margin-top:1rem;padding:0;font-style:italic}.mailgo-weight-500{font-weight:500} .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{position:fixed;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;font-size:15px}.mailgo-title{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;z-index:1000;top:0;right:0;bottom:0;left:0;background-color:rgba(10,10,10,.75);opacity:.8}.mailgo-modal-content{position:relative;z-index:1001;box-sizing:content-box;text-align:center;width:200px;background-color:#fff;border-radius:6px;box-shadow:0 2px 6px 0 rgba(10,10,10,.39);color:#4a4a4a;display:block;overflow:auto;padding:1.25rem}.mailgo-modal-content:hover{box-shadow:0 6px 20px rgba(10,10,10,.23)}.mailgo-modal-content a{display:block;padding:10px;color:#4a4a4a;border-radius:4px;text-decoration:none}.mailgo-modal-content a.mailgo-gmail{color:#d44638}.mailgo-modal-content a.mailgo-outlook{color:#0072c6}.mailgo-modal-content a.mailgo-copy{padding:16px 10px}.mailgo-modal-content a.mailgo-copy:hover,.mailgo-modal-content a.mailgo-default:hover{background-color:rgba(0,0,0,.08);color:#4a4a4a}.mailgo-modal-content a.mailgo-outlook:hover{background-color:rgba(0,114,198,.08);color:#0072c6}.mailgo-modal-content a.mailgo-gmail:hover{background-color:rgba(212,70,56,.08);color:#d44638}.mailgo-modal-content a.mailgo-by{display:block;font-size:8px;margin-top:1rem;padding:0;font-style:italic}.mailgo-weight-500{font-weight:500}

2
dist/mailgo.min.js vendored
View File

File diff suppressed because one or more lines are too long

32
src/mailgo.css
View File

@ -80,30 +80,32 @@
text-decoration: none; text-decoration: none;
} }
.mailgo-modal-content a.mailgo-open:hover, .mailgo-modal-content a.mailgo-gmail {
color: #d44638;
}
.mailgo-modal-content a.mailgo-outlook {
color: #0072c6;
}
.mailgo-modal-content a.mailgo-copy {
padding: 16px 10px;
}
.mailgo-modal-content a.mailgo-default: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);
color: #4a4a4a; color: #4a4a4a;
} }
.mailgo-modal-content a.outlook { .mailgo-modal-content a.mailgo-outlook:hover {
background-color: rgba(0, 114, 198, 0.08);
color: #0072c6; color: #0072c6;
} }
.mailgo-modal-content a.gmail { .mailgo-modal-content a.mailgo-gmail:hover {
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); background-color: rgba(212, 70, 56, 0.08);
} color: #d44638;
.mailgo-modal-content a.mailgo-copy {
padding: 16px 10px;
} }
.mailgo-modal-content a.mailgo-by { .mailgo-modal-content a.mailgo-by {

5
src/mailgo.js
View File

@ -94,7 +94,7 @@ let mailgoInit = () => {
let gmail = document.createElement("a"); let gmail = document.createElement("a");
gmail.id = "mailgo-gmail"; gmail.id = "mailgo-gmail";
gmail.classList.add("mailgo-open"); gmail.classList.add("mailgo-open");
gmail.classList.add("gmail"); gmail.classList.add("mailgo-gmail");
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");
@ -109,7 +109,7 @@ let mailgoInit = () => {
let outlook = document.createElement("a"); let outlook = document.createElement("a");
outlook.id = "mailgo-outlook"; outlook.id = "mailgo-outlook";
outlook.classList.add("mailgo-open"); outlook.classList.add("mailgo-open");
outlook.classList.add("outlook"); outlook.classList.add("mailgo-outlook");
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");
@ -125,6 +125,7 @@ let mailgoInit = () => {
open.id = "mailgo-open"; open.id = "mailgo-open";
open.href = "#mailgo-open"; open.href = "#mailgo-open";
open.classList.add("mailgo-open"); open.classList.add("mailgo-open");
open.classList.add("mailgo-default");
open.classList.add("mailgo-weight-500"); open.classList.add("mailgo-weight-500");
let openContent = document.createTextNode("open"); let openContent = document.createTextNode("open");
open.appendChild(openContent); open.appendChild(openContent);