No media queries around .contentRow.contentRow-extra

X

Xon

Well-known member
Affected version
2.2.13
.contentRow is used in various lists, notable search results where the span contentRow-title can have quite long text value as it is user supplied.

When mixed with contentRow-extra this works on desktop, but on a mobile results in unexpected formatting as the float:right is forcing a line-break inside words for the title component.

ie:
XML: 
	<div class="contentRow">
		<div class="contentRow-main">
			<div class="contentRow-extra contentRow-extra--small">
				AaBbCcDdEe FfGgHhIiJj KkLlMmNnOoPpQq RrSsTtUuVvW wXxYyZz
			</div>
			<h3 class="contentRow-title">
				AaBbCcDdEe FfGgHhIiJj KkLlMmNnOoPpQq RrSsTtUuVvW wXxYyZz
			</h3>

The float:right is also preventing contentRow-extra blob from word-wrapping itself
 
Top Bottom