INQ-7 layout changes

This commit is contained in:
DarkPete 2018-12-19 11:17:27 +01:00
parent a7b21a0fe9
commit 01820a027d
3 changed files with 12 additions and 8 deletions

View File

@ -16,6 +16,10 @@ main {
.color--primary { .color--primary {
background-color: rgba(34, 51, 89, 1.0); background-color: rgba(34, 51, 89, 1.0);
} }
.color--answered {
background-color: rgb(81, 93, 121);
}
.text--primary { .text--primary {
color: rgba(34, 51, 89, 1.0); color: rgba(34, 51, 89, 1.0);
} }
@ -231,7 +235,7 @@ ul > li:not(:last-child) {
box-shadow: none !important; box-shadow: none !important;
} }
.collapsible-header { .collapsible-header {
background: rgba(34, 51, 89, 1.0) !important; /*background: rgba(34, 51, 89, 1.0) !important;*/
border-bottom: 0 !important; border-bottom: 0 !important;
} }
.collapsible-body { .collapsible-body {

View File

@ -20,7 +20,7 @@
<ul class="collapsible"> <ul class="collapsible">
{% for question in questions %} {% for question in questions %}
<li> <li>
<div class="collapsible-header" style="pointer-events:none !important;"> <div {% if question[5] == 1 %} class="collapsible-header color--answered" {% else %} class="collapsible-header color--primary" {% endif %}style="pointer-events:none !important;">
<span class="col s7" style="display:flex; align-items:center; text-align: left;"> <span class="col s7" style="display:flex; align-items:center; text-align: left;">
{{question[3]}} {{question[3]}}
</span> </span>
@ -34,7 +34,7 @@
<form class="col s12"> <form class="col s12">
<div class="row"> <div class="row">
<div class="input-field col s12"> <div class="input-field col s12">
<textarea id="{{question[0]}}" style="color:#fff" class="materialize-textarea" name ="questionText"> {{question[6]}}</textarea> <textarea id="{{question[0]}}" style="color:#fff" class="materialize-textarea" name ="questionText"> {% if question[5] == 1 %} {{question[6]}} {% endif %}</textarea>
<label for="textarea1">Tutaj wpisz opdowiedź</label> <label for="textarea1">Tutaj wpisz opdowiedź</label>
</div> </div>
</div> </div>

View File

@ -15,13 +15,13 @@
<div class="container body__container"> <div class="container body__container">
<div class="row"> <div class="row">
<div class="col s12"> <div class="col s12">
<div class="card color--primary white-text"> <div class="card white-text">
<div class="card-content" style="padding-bottom: 0px"> <div class="card-content" style="padding-bottom: 0px">
<span class="card-title card-title__body">Pytania studentów</span> <span class="card-title color--primary card-title__body">Pytania studentów</span>
<ul class="collapsible"> <ul class="collapsible">
{% for question in questions %} {% for question in questions %}
<li> <li >
<div class="collapsible-header" {% if question[5] == 1 %} style="background-color:darkslateblue" {% endif %} > <!--style="pointer-events:none !important;"> --> <div {% if question[5] == 1 %} class="collapsible-header color--answered" {% else %} class="collapsible-header color--primary" {% endif %}> <!--style="pointer-events:none !important;"> -->
<span class="col s7" style="display:flex; align-items:center; text-align: left;"> <span class="col s7" style="display:flex; align-items:center; text-align: left;">
{{ question[3] }} {{ question[3] }}
</span> </span>
@ -32,7 +32,7 @@
<!-- <a class="col s3 btn--answer waves-effect waves-light btn-large red" style="pointer-events: auto;">ODPOWIEDZ</a> --> <!-- <a class="col s3 btn--answer waves-effect waves-light btn-large red" style="pointer-events: auto;">ODPOWIEDZ</a> -->
</div> </div>
{% if question[5] == 1 %} {% if question[5] == 1 %}
<div class="collapsible-body" id="clpsbl"> <div class="collapsible-body color--answered" id="clpsbl">
<p style="color:#fff">{{question[6]}}</p> <p style="color:#fff">{{question[6]}}</p>
</div> </div>
{% endif %} {% endif %}