Comments (6)
from cerberus.
@longjasonm I tested the Hybrid template and the buttons pass in Litmus, but that looks like Outlook 2016 for Mac whereas your screenshot looks like Windows. Is that correct? Windows Outlook 2016 isn't included in Litmus and I don't have immediate access to a real copy, so thank you for catching this. You uncovered and fixed something that has not been previously covered!
As you noted in your gist, the only change is adding the <span>
. Since this is a low-risk, non-destabilizing edit, I made this change across the templates without verifying it. I verified that it doesn't break anything elsewhere.
I will leave this open until I verify Windows Outlook 2016, but I'm pretty confident in your fix. Thank you so much!
from cerberus.
@TedGoas Maybe we are in a pilot program or something, but our instance of Litmus does have access to Outlook 2016 for Windows (see this screenshot with two "Outlook 2016" screenshots: http://cl.ly/3h0M3k1p3T2g), which is where I found the error.
If you need to do a screencast or would like me to verify code by running a test and then making the results public, I'm happy to do so.
Thanks for making this fix! I love good solid email code and you've done a great job; glad I could contribute even a little bit
from cerberus.
@longjasonm Strange! I dug into my account settings and saw that Win Outlook 2016 wasn't enabled. I enabled it, retested, and verified. Thank you for 1. finding / fixing the bug, and 2. alerting me that I had a client disabled!
from cerberus.
why u removed this piece of code from buttons?
<!--[if mso]> <![endif]-->
from cerberus.
@metalgigio Before, most email clients would use CSS padding
to get horizontal space, whereas Outlook would used the
's in the MSO tags. I took the
's out of the MSO conditional tags and removed the horizontal padding buttons get the same horizontal padding in every client.
Perhaps I should not have included this change in this issue.
from cerberus.
Related Issues (20)
- Mailchimp test message - Instruction and personal message HOT 5
- Forwarding email sent from mailchimp HOT 4
- Safe to remove Gmail-targeting CSS? HOT 1
- Responsive Problem HOT 1
- Using Cerberus on a primitive platform HOT 7
- Dark Mode
- Improved Documentation Site HOT 1
- Data tables
- Why duplicating styles for Button in hybrid template? HOT 12
- Parametrized minimalistic template engine HOT 2
- Images are HUGE on android phone Outlook App. HOT 2
- Missing word in documentation? HOT 1
- Fix site favicon
- Preview each template in Parcel
- Template issue when forwarding a sent email from Outlook to Gmail on iphone HOT 7
- Responsive Template: 1px line in Full Bleed Background Section in Outlook 2019 HOT 2
- MSO 365 Button Fill Color HOT 3
- Missing last line of Outlook conditional CSS
- Q: Do columns work with Outlook 16.69.1 Mac OS? HOT 6
- Darkmode / Lightmode confused by multiple appearance preferences in outlook.com HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from cerberus.