chvp/entrance-exam
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Basic question styling and video width/height constraints

Browse source
This commit is contained in:
Charlotte Van Petegem 2025-05-24 10:57:00 +02:00
parent d2c557d193
commit 6647208d3a
Signed by: chvp
SSH key fingerprint: SHA256:s9rb8jBVfdahqWHuBAcHCBP1wmj4eYQXZfqgz4H3E9E
2 changed files with 33 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

21
app/assets/stylesheets/application.postcss.css
View file

@ -58,6 +58,27 @@ header {
padding: 1rem;
}
.questions-container {
display: flex;
flex-direction: column;
gap: 3rem;
}
.question-card {
color: black;
background-color: white;
padding: 1rem;
}
.question-kind-video {
text-align: center;
video {
max-width: 100%;
max-height: 50vh;
}
}
.login-intro {
background-color: white;
padding: 1rem;

12
app/views/sections/show.html.erb
View file

@ -10,9 +10,15 @@
<p><%= @section.description %></p>
<% @questions.each do |question| %>
<section>
<div class="questions-container">
<% @questions.each do |question| %>
<section class="question-card">
<div class="question-kind-<%= question.question_kind %>">
<%= render partial: "questions/#{question.question_kind}_show", locals: { question: } %>
</div>
<div class="answer-kind-<%= question.answer_kind %>">
<%= render partial: "questions/#{question.answer_kind}_form", locals: { question: } %>
</div>
</section>
<% end %>
<% end %>
</div>