[5.4] Tooltip width (joomla#45571)

brianteeman · web-flow · commit 010fbfc64ff1 · 2025-06-08T12:30:12.000+02:00
Make tooltips overflow-wrap to be readable on mobile devices

Signed-off-by: BrianTeeman &lt;brian@teeman.net&gt;
diff --git a/build/media_source/templates/administrator/atum/scss/blocks/_form.scss b/build/media_source/templates/administrator/atum/scss/blocks/_form.scss
@@ -161,6 +161,9 @@ label.valid {
 :hover + [role="tooltip"] {
   position: absolute;
   display: block;
+  max-width: 100%;
+  overflow-wrap: break-word;
+  white-space: normal;
 }
 
 .filter-search-bar__description {

Original file line number	Diff line number	Diff line change
`@@ -161,6 +161,9 @@ label.valid {`
`161`	`161`	`:hover + [role="tooltip"] {`
`162`	`162`	`position: absolute;`
`163`	`163`	`display: block;`
	`164`	`+ max-width: 100%;`
	`165`	`+ overflow-wrap: break-word;`
	`166`	`+ white-space: normal;`
`164`	`167`	`}`
`165`	`168`
`166`	`169`	`.filter-search-bar__description {`