fix: improve sizing and rendering of comments (#219)

scratchfoundation · Oct 15, 2024 · 1279c0a · 1279c0a
1 parent cc4d9f9
commit 1279c0a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/src/css.js b/src/css.js
@@ -524,6 +524,9 @@ const styles = `
     stroke-width: 3px;
   }
 
+  .blocklyCommentText::placeholder {
+    font-style: italic;
+  }
 
   .blocklyCommentTextarea {
     background-color: #fef49c;

diff --git a/src/index.js b/src/index.js
@@ -129,3 +129,7 @@ Blockly.ContextMenuRegistry.registry.unregister("blockDelete");
 contextMenuItems.registerDeleteBlock();
 Blockly.ContextMenuRegistry.registry.unregister("workspaceDelete");
 contextMenuItems.registerDeleteAll();
+Blockly.comments.CommentView.defaultCommentSize = new Blockly.utils.Size(
+  200,
+  200
+);
diff --git a/src/scratch_comment_bubble.js b/src/scratch_comment_bubble.js
@@ -17,6 +17,7 @@ export class ScratchCommentBubble extends Blockly.comments.CommentView {
     this.sourceBlock = sourceBlock;
     this.disposing = false;
     this.id = Blockly.utils.idGenerator.genUid();
+    this.setPlaceholderText(Blockly.Msg.WORKSPACE_COMMENT_DEFAULT_TEXT);
     this.getSvgRoot().setAttribute(
       "style",
       `--colour-commentBorder: ${sourceBlock.getColourTertiary()};`