Closed No media queries around .contentRow.contentRow-extra

X

Xon

Well-known member
Licensed customer
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
 
Automated triage: Design issue

Thank you for reporting this issue. The floated extra element in content rows has no special narrow-screen rule. But everywhere the core software uses it, it holds only short items such as buttons, dates or counts, and search results don't use it. Long text placed there by custom or add-on markup isn't a layout the element was built for.

This is an automated assessment. A member of staff may review and update it.
 
Back
Top Bottom