Skip to content

Commit

Permalink
data: update note on css width support in outlooks
Browse files Browse the repository at this point in the history
  • Loading branch information
hteumeuleu committed Apr 2, 2024
1 parent 001c3fd commit 62810c5
Show file tree
Hide file tree
Showing 2 changed files with 18 additions and 13 deletions.
19 changes: 9 additions & 10 deletions _features/css-width.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: "width property"
category: css
last_test_date: "2019-09-27"
test_url: "/tests/css-width-height.html"
test_results_url: "https://app.emailonacid.com/app/acidtest/UhsQmS14DHKFfotKEcCTnWaoAiS24FJMiApZ1OtmHR7vs/list"
test_results_url: "https://app.emailonacid.com/app/acidtest/N3bgM8CXDd1TNWZzO65F0RkiJwugaAuNYr8mvcYt1C3Da/list"
stats: {
apple-mail: {
macos: {
Expand Down Expand Up @@ -42,11 +42,11 @@ stats: {
outlook: {
windows: {
"2003":"y",
"2007":"a #1 #2",
"2010":"a #1 #2",
"2013":"a #1 #2",
"2016":"a #1 #2",
"2019":"a #1 #2"
"2007":"a #1",
"2010":"a #1",
"2013":"a #1",
"2016":"a #1",
"2019":"a #1"
},
windows-mail: {
"2019-09":"y"
Expand Down Expand Up @@ -138,7 +138,7 @@ stats: {
},
laposte: {
desktop-webmail: {
"2021-08": "a #3"
"2021-08": "a #2"
}
},
gmx: {
Expand Down Expand Up @@ -173,8 +173,7 @@ stats: {
}
}
notes_by_num: {
"1": "Buggy. Percentage width on `<img>` elements are based on the physical file's width, not on the parent element's width.",
"2": "Partial. Not supported on `<body>`, `<span>`, `<div>` or `<p>` elements.",
"3": "Buggy. The webmail has a generic style that sets `table { width:inherit; }`."
"1": "Partial. Not supported on `<body>`, `<span>`, `<div>`, `<p>` or `<img>` elements.",
"2": "Buggy. The webmail has a generic style that sets `table { width:inherit; }`."
}
---
12 changes: 9 additions & 3 deletions tests/css-width-height.html
Original file line number Diff line number Diff line change
Expand Up @@ -162,10 +162,16 @@ <h1 style="margin:0 0 1em; font:38px Palatino, serif; color:#000; background:non
Images
</h1>
<h2 style="margin:0 0 0.5em; font:bold 16px monospace;">
&lt;img style="width:100%"&gt;
&lt;img style="width:50%"&gt;
</h2>
<div style="margin:0 0 1em; font:20px serif;">
<img src="https://www.caniemail.com/assets/tests/images/mojave-day.jpg" alt="Test11" style="width:100%;" />
<img src="https://www.caniemail.com/assets/tests/images/mojave-day.jpg" alt="Test11" style="width:50%;" />
</div>
<h2 style="margin:0 0 0.5em; font:bold 16px monospace;">
&lt;img style="width:200px"&gt;
</h2>
<div style="margin:0 0 1em; font:20px serif;">
<img src="https://www.caniemail.com/assets/tests/images/mojave-day.jpg" alt="Test11bis" style="width:200px;" />
</div>
<h2 style="margin:0 0 0.5em; font:bold 16px monospace;">
&lt;img width="100%"&gt;
Expand All @@ -191,4 +197,4 @@ <h2 style="margin:0 0 0.5em; font:bold 16px monospace;">
</p>
</div>
</body>
</html>
</html>

0 comments on commit 62810c5

Please sign in to comment.