Editing the importance/significance label and help text, moving it up…

… above the vote buttons
compdemocracy · Jun 30, 2023 · 45ab80b · 45ab80b
1 parent db04779
commit 45ab80b
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 26 deletions.
diff --git a/client-participation/js/strings/en_us.js b/client-participation/js/strings/en_us.js
@@ -6,10 +6,10 @@ s.agree = "Agree";
 s.disagree = "Disagree";
 s.pass = "Pass / Unsure";
 
-s.importantCheckbox = "This comment is important";
+s.importantCheckbox = "Important/Significant";
 s.importantCheckboxDesc =
-  "Check this box if you believe this comment is especially important or relevant to the conversation, whether you agree with it, disagree with it, or are unsure about it.";
-s.howImportantPrompt = "How important is this statement?";
+  "Check this box if you believe this statement is especially important to you or is highly relevant to the conversation, irrespective of your vote. It will give this statement higher priority compared to your other votes in the conversation analysis."
+  s.howImportantPrompt = "How important is this statement?";
 s.howImportantLow = "Low";
 s.howImportantMedium = "Medium";
 s.howImportantHigh = "High";

diff --git a/client-participation/js/templates/vote-view.handlebars b/client-participation/js/templates/vote-view.handlebars
@@ -272,6 +272,29 @@
     </div>
   </div>
   {{else}} {{!-- !shouldMod --}}
+    {{#if showImportantCheckbox}}
+    <div style="text-align: center; margin-bottom: 20px">
+      <label class="weight-label">
+        <span class="weight-radio"></span>
+        <input type="checkbox" name="checkbox" id="weight_high" aria-describedby="importantCheckboxDesc">
+        {{s.importantCheckbox}}
+        <span id="importantCheckboxDesc" class="is-visually-hidden">
+          {{s.importantCheckboxDesc}}
+        </span>
+      </label>
+      <i class="svgIcon" style="
+        display: inline-block;
+        position: relative;
+        top: 2px;
+        width: 17px;
+        fill: #8a8a8a;
+        "
+        data-text="{{s.importantCheckboxDesc}}"
+        onclick="alert(this.dataset.text)"
+        aria-hidden="true"
+        >{{> iconFaCircleQuestion}}</i>
+    </div>
+    {{/if}}
     <div
       class="
         reactionButtons
@@ -326,29 +349,7 @@
       </button>
     </div>
 
-    {{#if showImportantCheckbox}}
-    <div style="text-align: center; margin-bottom: 20px">
-      <label class="weight-label">
-        <span class="weight-radio"></span>
-        <input type="checkbox" name="checkbox" id="weight_high" aria-describedby="importantCheckboxDesc">
-        {{s.importantCheckbox}}
-        <span id="importantCheckboxDesc" class="is-visually-hidden">
-          {{s.importantCheckboxDesc}}
-        </span>
-      </label>
-      <i class="svgIcon" style="
-        display: inline-block;
-        position: relative;
-        top: 2px;
-        width: 17px;
-        fill: #8a8a8a;
-        "
-        data-text="{{s.importantCheckboxDesc}}"
-        onclick="alert(this.dataset.text)"
-        aria-hidden="true"
-        >{{> iconFaCircleQuestion}}</i>
-    </div>
-    {{/if}}
+
 
   {{/if}} {{!-- /shouldMod --}}