use lineWrap instead of a manual <br>, phetsims/buoyancy#150

Signed-off-by: Michael Kauzmann <[email protected]>
phetsims · May 15, 2024 · d972f29 · d972f29
1 parent 6f65329
commit d972f29
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/density-buoyancy-common-strings_en.json b/density-buoyancy-common-strings_en.json
@@ -408,7 +408,7 @@
     "value": "{{value}}%"
   },
   "fluidDisplaced": {
-    "value": "Fluid<br>Displaced"
+    "value": "Fluid Displaced"
   },
   "depthLines": {
     "value": "Depth Lines"

diff --git a/js/buoyancy/view/BuoyancyLabScreenView.ts b/js/buoyancy/view/BuoyancyLabScreenView.ts
@@ -65,7 +65,9 @@ export default class BuoyancyLabScreenView extends DensityBuoyancyScreenView<Buo
       model.gravityProperty ), {
       titleNode: new RichText( DensityBuoyancyCommonStrings.fluidDisplacedStringProperty, {
         font: new PhetFont( 14 ), // Matches the checkbox label font size
-        maxWidth: 100
+        maxWidth: 100,
+        lineWrap: 90,
+        maxHeight: 40
       } ),
       expandedDefaultValue: false,