Add wide variant of simple answers

2025-05-25 11:25:49 +02:00 · 2025-05-25 11:25:49 +02:00 · de061c2bec
commit de061c2bec
parent b3c1013cac
3 changed files with 19 additions and 0 deletions
--- a/app/assets/stylesheets/application.postcss.css
+++ b/app/assets/stylesheets/application.postcss.css
@ -85,6 +85,16 @@ header {
    font-weight: 600;
 }

+.answer-kind-simple {
+    margin-top: 1rem;
+    text-align: end;
+}
+
+.simple-answer-wide {
+    width: 30rem;
+    max-width: 100%;
+}
+
 .answer-kind-image {
    .answer-kind-image-container {
        text-align: center;
--- a/app/views/questions/_simple_form.html.erb
+++ b/app/views/questions/_simple_form.html.erb
@ -1,4 +1,5 @@
 <input id="<%= "question_answer_#{question.id}" %>"
+       class="<%= "simple-answer-wide" if question.data&.fetch("wide") %>"
       type="text"
       value="<%= question.answer&.data || '' %>"
       autocomplete="off"