Using `whitespace: pre-wrap` to format plain text email sometimes causes additional width to be allocated by the plain text blocks that then does not get used due to the constraints on the HTML element. The allocated space remains however and hence an un-needed horizontal scrollbar appears. Using `break-spaces` instead seems to help since it allows breaks after a space character, leading to the additional space not otherwise being allocated.
65 lines
1.1 KiB
CSS
65 lines
1.1 KiB
CSS
/*
|
|
* Copyright 2016 Software Freedom Conservancy Inc.
|
|
* Copyright 2017 Michael Gratton <mike@vee.net>
|
|
*/
|
|
|
|
body {
|
|
margin: 0 !important;
|
|
border: 0 !important;
|
|
padding: 0 !important;
|
|
color: black;
|
|
background-color: #f9f9f9;
|
|
font-size: medium !important;
|
|
}
|
|
|
|
body.plain, body.plain * {
|
|
font-family: monospace !important;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: medium !important;
|
|
color: black !important;
|
|
text-decoration: none;
|
|
}
|
|
|
|
body.plain a {
|
|
cursor: text;
|
|
}
|
|
|
|
body > *.geary-no-display {
|
|
display: none !important;
|
|
}
|
|
|
|
body > div#geary-body {
|
|
margin: 0 !important;
|
|
border: 0 !important;
|
|
padding: 12px !important;
|
|
outline: 0px !important;
|
|
}
|
|
|
|
body > div#geary-signature,
|
|
body > div#geary-quote {
|
|
margin: 0 6px !important;
|
|
border: 0 !important;
|
|
padding: 6px !important;
|
|
}
|
|
|
|
body > div:focus-within {
|
|
background-color: white;
|
|
}
|
|
|
|
body > div#geary-signature:focus-within,
|
|
body > div#geary-quote:focus-within {
|
|
outline: 1px dashed #ccc !important;
|
|
}
|
|
|
|
blockquote {
|
|
margin: 0 10px;
|
|
border: 0;
|
|
border-left: 3px #aaa solid;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
pre {
|
|
white-space: break-spaces;
|
|
margin: 0;
|
|
}
|