From 00d090edcf3c5ab83dc27b93c061dd1617dc6616 Mon Sep 17 00:00:00 2001
From: Shashwat Pathak <111122076+shashwatpathak98@users.noreply.github.com>
Date: Tue, 16 Jul 2024 01:58:39 +0530
Subject: [PATCH] feat: Add a `blocklyVariableField` CSS class to variable
 fields (#8359)

---
 core/field_variable.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/core/field_variable.ts b/core/field_variable.ts
index 539557256..d0a929bf0 100644
--- a/core/field_variable.ts
+++ b/core/field_variable.ts
@@ -22,6 +22,7 @@ import {
   MenuGenerator,
   MenuOption,
 } from './field_dropdown.js';
+import * as dom from './utils/dom.js';
 import * as fieldRegistry from './field_registry.js';
 import * as internalConstants from './internal_constants.js';
 import type {Menu} from './menu.js';
@@ -148,6 +149,11 @@ export class FieldVariable extends FieldDropdown {
     this.doValueUpdate_(variable.getId());
   }
 
+  override initView() {
+    super.initView();
+    dom.addClass(this.fieldGroup_!, 'blocklyVariableField');
+  }
+
   override shouldAddBorderRect_() {
     const block = this.getSourceBlock();
     if (!block) {