Customize one card font size, see: #32

phetsims · Dec 18, 2024 · 738e149 · 738e149
1 parent de4b218
commit 738e149
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/js/common/model/RepresentationType.ts b/js/common/model/RepresentationType.ts
@@ -56,7 +56,7 @@ export default class RepresentationType extends EnumerationValue {
     NumberPairsColors.locationSumColorProperty,
     NumberPairsColors.locationLeftAddendColorProperty,
     NumberPairsColors.locationRightAddendColorProperty,
-    new OneCard( ICON_MAX_WIDTH, ICON_MAX_HEIGHT )
+    new OneCard( ICON_MAX_WIDTH, ICON_MAX_HEIGHT, 20 )
   );
   public static readonly KITTENS = new RepresentationType(
     'kittens',

diff --git a/js/common/view/LocationCountingObjectNode.ts b/js/common/view/LocationCountingObjectNode.ts
@@ -49,7 +49,7 @@ export default class LocationCountingObjectNode extends Node {
     } );
 
     // Create the one card.
-    const oneCard = new OneCard( IMAGE_WIDTH, ONE_CARD_HEIGHT, {
+    const oneCard = new OneCard( IMAGE_WIDTH, ONE_CARD_HEIGHT, 40, {
       visibleProperty: DerivedProperty.valueEqualsConstant( countingRepresentationTypeProperty, RepresentationType.ONE_CARDS )
     } );
 

diff --git a/js/common/view/OneCard.ts b/js/common/view/OneCard.ts
@@ -16,14 +16,14 @@ type SelfOptions = EmptySelfOptions;
 type OneCardOptions = SelfOptions & StrictOmit<NodeOptions, 'children'>;
 export default class OneCard extends Node {
 
-  public constructor( cardWidth: number, cardHeight: number, providedOptions?: OneCardOptions ) {
+  public constructor( cardWidth: number, cardHeight: number, fontSize: number, providedOptions?: OneCardOptions ) {
     const background = new Rectangle( 0, 0, cardWidth, cardHeight, {
       fill: 'white',
       stroke: 'black',
       cornerRadius: 5
     } );
     const numberOne = new Text( '1', {
-      font: new PhetFont( 40 ),
+      font: new PhetFont( fontSize ),
       center: background.center
     } );