feat!: Dropping Sass support from builtin word cloud block, replacing…

… with vanilla CSS
openedx · Oct 24, 2024 · 2d5df1b · 2d5df1b
1 parent 0c91b62
commit 2d5df1b
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 35 deletions.
diff --git a/xmodule/assets/WordCloudBlockDisplay.scss b/xmodule/assets/WordCloudBlockDisplay.scss
diff --git a/xmodule/assets/word_cloud/_display.scss b/xmodule/assets/word_cloud/_display.scss
diff --git a/xmodule/static/css-builtin-blocks/WordCloudBlockDisplay.css b/xmodule/static/css-builtin-blocks/WordCloudBlockDisplay.css
@@ -0,0 +1,32 @@
+@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700");
+
+.xmodule_display.xmodule_WordCloudBlock {
+    /* stylelint-disable-line */
+    /* stylelint-disable-line */
+}
+
+.xmodule_display.xmodule_WordCloudBlock .input-cloud {
+    margin: calc((var(--baseline) / 4));
+}
+
+.xmodule_display.xmodule_WordCloudBlock .result_cloud_section {
+    display: none;
+    width: 0px;
+    height: 0px;
+}
+
+.xmodule_display.xmodule_WordCloudBlock .result_cloud_section.active {
+    display: block;
+    width: 100%;
+    height: auto;
+    margin-top: 1em;
+}
+
+.xmodule_display.xmodule_WordCloudBlock .result_cloud_section.active h3 {
+    font-size: 100%;
+}
+
+.xmodule_display.xmodule_WordCloudBlock .your_words {
+    font-size: 0.85em;
+    display: block;
+}
diff --git a/xmodule/word_cloud_block.py b/xmodule/word_cloud_block.py
@@ -15,7 +15,7 @@
 from xblock.fields import Boolean, Dict, Integer, List, Scope, String
 from xmodule.editing_block import EditingMixin
 from xmodule.raw_block import EmptyDataRawMixin
-from xmodule.util.builtin_assets import add_webpack_js_to_fragment, add_sass_to_fragment
+from xmodule.util.builtin_assets import add_webpack_js_to_fragment, add_css_to_fragment
 from xmodule.xml_block import XmlMixin
 from xmodule.x_module import (
     ResourceTemplates,
@@ -262,7 +262,7 @@ def student_view(self, context):  # lint-amnesty, pylint: disable=unused-argumen
             'num_inputs': self.num_inputs,
             'submitted': self.submitted,
         }))
-        add_sass_to_fragment(fragment, 'WordCloudBlockDisplay.scss')
+        add_css_to_fragment(fragment, 'WordCloudBlockDisplay.scss')
         add_webpack_js_to_fragment(fragment, 'WordCloudBlockDisplay')
         shim_xmodule_js(fragment, 'WordCloud')