From 6ddbd636b4406d208f3ed42f5ae724be8978b6e4 Mon Sep 17 00:00:00 2001
From: Maari Tamm <maari.tamm@cleura.com>
Date: Fri, 15 May 2026 11:23:21 +0200
Subject: [PATCH] Rename the CSS class for labs

The CSS class was missed on the project rename; rename it now
from 'hastexblock' to 'stackamolexblock'.
---
 Changelog.md                     | 5 +++++
 stackamole/public/js/main.js     | 6 +++---
 stackamole/static/html/main.html | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/Changelog.md b/Changelog.md
index cd48b706..ea6134e8 100644
--- a/Changelog.md
+++ b/Changelog.md
@@ -1,3 +1,8 @@
+Unreleased
+-------------------------
+
+* [Bug fix] Rename the CSS class for labs from `hastexblock` to `stackamolexblock`, post the XBlock rename.
+
 Version 9.0.0 (2026-05-13)
 -------------------------
 
diff --git a/stackamole/public/js/main.js b/stackamole/public/js/main.js
index e4d8e630..ae7b5487 100644
--- a/stackamole/public/js/main.js
+++ b/stackamole/public/js/main.js
@@ -33,7 +33,7 @@ function StackamoleXBlock(runtime, element, configuration) {
         }
 
         /* Set dialog container. */
-        dialog_container = $(element).find('.hastexblock')[0];
+        dialog_container = $(element).find('.stackamolexblock')[0];
 
         /* Bind reset button action. */
         $(element).find('.buttons.bar > .reset').on('click', reset_dialog);
@@ -206,7 +206,7 @@ function StackamoleXBlock(runtime, element, configuration) {
                     /* Consider the terminal parent as the parent of our layout objects */
                     layout_parent = terminal_parent
                     lab_instructions = $('.lab_instructions')
-                    terminal = $('.hastexblock')
+                    terminal = $('.stackamolexblock')
                 }
                 else {
                     /* find the vertical element that contains the lab instructions */
@@ -218,7 +218,7 @@ function StackamoleXBlock(runtime, element, configuration) {
                     $('#container').addClass('terminal-side-view');
                     $(layout_parent).addClass('content-side-by-side');
                     /* Make sure the xblock fits to content area */
-                    $(layout_parent).height($('.hastexblock').height() + 20);
+                    $(layout_parent).height($('.stackamolexblock').height() + 20);
 
                     $(lab_instructions).css({
                         'float': [instructions_layout],
diff --git a/stackamole/static/html/main.html b/stackamole/static/html/main.html
index fd13b2f8..b87487dd 100644
--- a/stackamole/static/html/main.html
+++ b/stackamole/static/html/main.html
@@ -1,7 +1,7 @@
 {% load i18n %}
 
 {{child_content|safe}}
-<div class="hastexblock"><!-- Don't use underscores in this div's class, as doing so breaks the dialog overlay. -->
+<div class="stackamolexblock"><!-- Don't use underscores in this div's class, as doing so breaks the dialog overlay. -->
   <div id="container">
     <div id="terminal"></div>
   </div>