Make the header label "Spin State to Prepare" the same size on the la…

…st 2 screens #132
phetsims · Mar 7, 2025 · 56d04d1 · 56d04d1
1 parent b30a76b
commit 56d04d1
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/js/bloch-sphere/view/BlochSpherePreparationArea.ts b/js/bloch-sphere/view/BlochSpherePreparationArea.ts
@@ -14,7 +14,6 @@ import { roundToInterval } from '../../../../dot/js/util/roundToInterval.js';
 import optionize, { combineOptions, EmptySelfOptions } from '../../../../phet-core/js/optionize.js';
 import WithRequired from '../../../../phet-core/js/types/WithRequired.js';
 import MathSymbols from '../../../../scenery-phet/js/MathSymbols.js';
-import PhetFont from '../../../../scenery-phet/js/PhetFont.js';
 import VBox, { VBoxOptions } from '../../../../scenery/js/layout/nodes/VBox.js';
 import Node from '../../../../scenery/js/nodes/Node.js';
 import Text from '../../../../scenery/js/nodes/Text.js';
@@ -145,7 +144,7 @@ export default class BlochSpherePreparationArea extends VBox {
       align: 'center',
       children: [
         new Text( QuantumMeasurementStrings.spinStateToPrepareStringProperty, {
-          font: new PhetFont( { size: 20, weight: 'bolder' } ),
+          font: QuantumMeasurementConstants.BOLD_HEADER_FONT,
           maxWidth: 250
         } ),
         new BlochSphereSymbolicEquationNode(),

diff --git a/js/spin/view/SpinMeasurementArea.ts b/js/spin/view/SpinMeasurementArea.ts
@@ -16,7 +16,6 @@ import { toRadians } from '../../../../dot/js/util/toRadians.js';
 import Vector2 from '../../../../dot/js/Vector2.js';
 import Shape from '../../../../kite/js/Shape.js';
 import ModelViewTransform2 from '../../../../phetcommon/js/view/ModelViewTransform2.js';
-import PhetFont from '../../../../scenery-phet/js/PhetFont.js';
 import ShadedSphereNode from '../../../../scenery-phet/js/ShadedSphereNode.js';
 import HBox from '../../../../scenery/js/layout/nodes/HBox.js';
 import VBox from '../../../../scenery/js/layout/nodes/VBox.js';
@@ -264,7 +263,7 @@ export default class SpinMeasurementArea extends VBox {
       children: [
         experimentComboBox,
         new Text( QuantumMeasurementStrings.SternGerlachMeasurementsStringProperty, {
-          font: new PhetFont( { size: 20, weight: 'bolder' } ),
+          font: QuantumMeasurementConstants.BOLD_HEADER_FONT,
           maxWidth: 400
         } ),
         experimentAreaNode

diff --git a/js/spin/view/SpinStatePreparationArea.ts b/js/spin/view/SpinStatePreparationArea.ts
@@ -88,11 +88,11 @@ export default class SpinStatePreparationArea extends VBox {
       } );
 
     const stateToPrepareText = new RichText( QuantumMeasurementStrings.spinStateToPrepareStringProperty, {
-      font: new PhetFont( { size: 18, weight: 'bolder' } ),
+      font: QuantumMeasurementConstants.BOLD_HEADER_FONT,
       maxWidth: 250
     } );
     const symbolicEquationText = new RichText( `${ALPHA}|${UP} ${KET} + ${BETA}|${DOWN} ${KET}`,
-      { font: new PhetFont( { size: 18, weight: 'bolder' } ) } );
+      { font: QuantumMeasurementConstants.BOLD_HEADER_FONT } );
 
     const stateReadoutStringProperty = new DerivedProperty(
       [