New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The old Outlook.com on mobile doesn't include the class it prefixes styles with #4

Closed
hteumeuleu opened this Issue Aug 6, 2015 · 2 comments

Comments

Projects
None yet
1 participant
@hteumeuleu
Owner

hteumeuleu commented Aug 6, 2015

Outlook.com, on both mobile and desktop, prefixes every CSS rules by .ExternalClass. This works great on desktop. However, on mobile, the ExternalClass is nowhere to be found anywhere in the HTML. This makes every CSS rule inoperative on mobile.

So for example, the following rule :

<style type="text/css">
    .test  {
        padding:1em 1.5em;
        color:#fff;
        background:#2ecc40;
    }
</style>
<div class="test">Test</div>

… becomes :

<style type="text/css">
    .ExternalClass .ecxtest  {
        padding:1em 1.5em;
        color:#fff;
        background:#2ecc40;
    }
</style>
<div class="ecxtest">Test</div>

This works great on desktop because the email is wrapped by a <div class="ExternalClass MsgBodyContainer">. On mobile, the email is wrapped by a <div class="mv_body" id="mv_body0">. This wrapper (or any of its parent element) should also have the ExternalClass class.

@hteumeuleu hteumeuleu added the bug label Aug 6, 2015

@hteumeuleu hteumeuleu changed the title from Outlook.com on mobile doesn't include the class it prefixes styles with to The old Outlook.com on mobile doesn't include the class it prefixes styles with Mar 16, 2016

@hteumeuleu

This comment has been minimized.

Show comment
Hide comment
@hteumeuleu

hteumeuleu Mar 16, 2016

Owner

This only happens in the old Outlook.com. The new Outlook.com / Office 365 doesn't have this bug.

Owner

hteumeuleu commented Mar 16, 2016

This only happens in the old Outlook.com. The new Outlook.com / Office 365 doesn't have this bug.

@hteumeuleu

This comment has been minimized.

Show comment
Hide comment
@hteumeuleu

hteumeuleu Jan 30, 2018

Owner

The newer version of Outlook.com doesn't have this bug. The old Outlook.com should be completely obsolete, so I'm closing this bug.

Owner

hteumeuleu commented Jan 30, 2018

The newer version of Outlook.com doesn't have this bug. The old Outlook.com should be completely obsolete, so I'm closing this bug.

@hteumeuleu hteumeuleu closed this Jan 30, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment