diff options
author | sunnavy <sunnavy@bestpractical.com> | 2022-08-25 20:56:24 +0300 |
---|---|---|
committer | sunnavy <sunnavy@bestpractical.com> | 2022-08-25 21:42:55 +0300 |
commit | d111d362ee4f793d0537870539a82a7957ad104d (patch) | |
tree | 54387420c1ceb3283569319dd4676d512f07f074 | |
parent | 4bed2295af72566cda03e88a100696c96fba91c9 (diff) |
Add extra css to dashboard emails for limited email web clients5.0/dashboard-inline-css
Email web clients(like Gmail and Outlook) don't 100% support "flex"
layout for now, e.g. it strips out "flex-direction: column", which could
cause widget title and body to render horizontally instead of
vertically.
This commit gets around the issue by setting related display to "block"
instead.
-rw-r--r-- | share/html/NoAuth/css/elevator-light/InHeader | 3 | ||||
-rw-r--r-- | share/static/css/elevator-light/mail.css | 5 |
2 files changed, 8 insertions, 0 deletions
diff --git a/share/html/NoAuth/css/elevator-light/InHeader b/share/html/NoAuth/css/elevator-light/InHeader index 5d5a738cc5..fe7b565742 100644 --- a/share/html/NoAuth/css/elevator-light/InHeader +++ b/share/html/NoAuth/css/elevator-light/InHeader @@ -46,3 +46,6 @@ %# %# END BPS TAGGED BLOCK }}} <meta name="viewport" content="width=device-width, initial-scale=1.0"> +% if ( $m->request_path eq '/Dashboards/Render.html' && !$m->request_args->{Preview} ) { + <link rel="stylesheet" href="<% RT->Config->Get('WebPath') %>/static/css/elevator-light/mail.css" type="text/css" media="all" /> +% } diff --git a/share/static/css/elevator-light/mail.css b/share/static/css/elevator-light/mail.css new file mode 100644 index 0000000000..0fb924ef5b --- /dev/null +++ b/share/static/css/elevator-light/mail.css @@ -0,0 +1,5 @@ +/* Gmail and Outlook web ui remove "flex-direction: column", which breaks + the layout of widget title and body. */ +.card { + display: block; +} |