aboutsummaryrefslogtreecommitdiff
path: root/themes/alps/assets
diff options
context:
space:
mode:
authorDrew DeVault <sir@cmpwn.com>2020-05-13 13:01:20 -0400
committerSimon Ser <contact@emersion.fr>2020-05-13 20:40:57 +0200
commit02bc8f68c92e7a3a559d9716c7689840e6c2a306 (patch)
tree220f3b46954f6792d2c32f4d0398ad11a6392ef8 /themes/alps/assets
parente39879ec9ab9613e1555eb7fc164d14b9cf6f8fe (diff)
downloadalps-02bc8f68c92e7a3a559d9716c7689840e6c2a306.tar.gz
alps-02bc8f68c92e7a3a559d9716c7689840e6c2a306.zip
message view: add part switcher
This also makes the appearance of HTML emails more consistent with plaintext ones.
Diffstat (limited to 'themes/alps/assets')
-rw-r--r--themes/alps/assets/style.css32
1 files changed, 31 insertions, 1 deletions
diff --git a/themes/alps/assets/style.css b/themes/alps/assets/style.css
index 4ef8661..9b885ad 100644
--- a/themes/alps/assets/style.css
+++ b/themes/alps/assets/style.css
@@ -152,11 +152,41 @@ main table td a { text-decoration: none; }
main table td a:hover { text-decoration: underline; }
-main.message pre { flex: 1 auto; padding: 1rem; white-space: pre-wrap; word-break: break-all; background-color: white; border: 1px solid #eee; max-width: 100% }
main.message table { background-color: white; }
main.message th { width: 5%;}
main.message h1 { font-size: 1.2rem; padding: 0.5rem;}
+main.message pre,
+main.message iframe {
+ flex: 1 auto;
+ padding: 1rem;
+ margin: 1rem 0;
+ background-color: white;
+ border: 1px solid #eee;
+ max-width: 100%;
+}
+
+main.message pre {
+ white-space: pre-wrap;
+ word-break: break-all;
+}
+
+main.message .message-header {
+ display: flex;
+ flex-direction: row;
+}
+
+main.message .message-header .parts {
+ margin-left: 0.3rem;
+ padding: 0.3rem 1rem;
+ background: white;
+ border-top: 1px solid #f2f2f2;
+}
+
+main.message .message-header .parts ul {
+ margin-left: 1rem;
+}
+
main.compose .actions {
display: flex;
flex-direction: row;