Print styles: set minimum width for paragraphs

An arbitrary 120pt (approved by the designer) has been chosen as the
minimum width of paragraphs. This is especially useful when a paragraph
is surrounded by two floating elements from the left and right. If there
is not enough space in the middle, then the change will push the
paragraph text until there's enough space to display the text.

Bug: T175008
Change-Id: I428f153309162e23606e5187a0e1bd7244253f10
This commit is contained in:
Baha 2017-09-11 14:16:44 -04:00 committed by Sam Smith
parent 6f53d4b5e2
commit 1aa66cc931
1 changed files with 15 additions and 0 deletions

View File

@ -122,6 +122,21 @@
line-height: 16pt;
margin-top: 5px;
text-align: justify;
// T175008
// When a paragraph is surrounded by floating elements from both
// sides, we want to make sure that there is at least some space
// before showing the text. Otherwise, small lengths of text may show
// between the surrounding elements, making the reading experience less
// enjoyable. If there is not enough space the following code will push
// the paragraph contents until after the floating element(s).
@paragraphMinWidth: 120pt;
&:before {
content: '';
display: block;
overflow: hidden;
width: @paragraphMinWidth;
}
}
blockquote {