s441471/InQuire
3
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

INQ-22 Layout changes

Browse Source
This commit is contained in:
DarkPete 2018-12-09 12:53:12 +01:00
parent a9a8df88db
commit 705fa9b742
4 changed files with 59 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored
View File

Binary file not shown.

8
static/style.css
View File

@ -159,7 +159,10 @@ ul > li:not(:last-child) {
width: 100%;
transition: 0.2s all;
}
#btn--login:hover {
.btn--answer {
transition: all 0.2s;
}
#btn--login:hover, .btn--answer:hover {
box-shadow: 0px 10px 26px 0px rgba(0,0,0,0.75);
}
.forgot__text {
@ -195,4 +198,7 @@ ul > li:not(:last-child) {
}
#btn--logout:hover {
background-color: rgba(34, 51, 89, 1.0);
}
#questions-list .row {
margin-bottom: 0px !important;
}

64
templates/lecturer.html
View File

@ -12,32 +12,40 @@
</div>
</div>
<div class="container body__container">
<a href="/logout" id="btn--logout" class="btn-floating color--primary btn-small waves-effect waves-light" title="Wyloguj się"><i class="material-icons">power_settings_new</i></a>
<div class="row">
<div class="col s12">
<div class="card color--primary white-text">
<div class="card-content">
<span id="card-title__lecturer" class="card-title card-title__body">Proszę zaznaczyć pytanie i wybrać akcję</span>
<div class="upper-row">
<div>
<span class="col s12 question-text">Pytanie 1</span>
<span class="col s12 small-font">12 głosów</span>
</div>
<div>
<span class="col s12 question-text">Pytanie 2</span>
<span class="col s12 small-font">169 głosów</span>
</div>
</div>
<div class="bottom-row">
<div>
<span class="col s12 question-text">Pytanie 3</span>
<span class="col s12 small-font">75 głosów</span>
</div>
<div>
<span class="col s12 question-text">Pytanie 4</span>
<span class="col s12 small-font">39 głosów</span>
</div>
</div>
<span class="card-title card-title__body">Pytania studentów</span>
<ul id="questions-list">
<li class="row">
<span class="col s7" style="display:flex; align-items:center; text-align: left">
Pytanie odnośnie zadania domowego 12.11.2018
</span>
<span class="counter col s2">
<i class="btn-thumb-up material-icons">thumb_up</i><span>12</span>
</span>
<a class="col s3 btn--answer waves-effect waves-light btn-large red">ODPOWIEDZ</a>
</li>
<li class="row">
<span class="col s7" style="display:flex; align-items:center; text-align: left">
Zagadnienia dotyczące egzaminu
</span>
<span class="counter col s2">
<i class="btn-thumb-up material-icons">thumb_up</i><span>45</span>
</span>
<a class="col s3 btn--answer waves-effect waves-light btn-large red">ODPOWIEDZ</a>
</li>
<li class="row" style="margin-bottom: 0">
<span class="col s7" style="display:flex; align-items:center; text-align: left">
Czy 12 listopada odbędą się zajęcia?
</span>
<span class="counter col s2">
<i class="btn-thumb-up material-icons">thumb_up</i><span>157</span>
</span>
<a class="col s3 btn--answer waves-effect waves-light btn-large red">ODPOWIEDZ</a>
</li>
</ul>
</div>
</div>
</div>
@ -48,10 +56,14 @@
<div class="col s12">
<div class="card color--primary white-text">
<div class="card-content footer__container--content footer__container__lecturer--content">
<div class="col s3 question--mark">Oznacz, jako szczególnie ważne pytanie</div>
<div class="col s3 question--respond">Odpowiedz na pytanie</div>
<div class="col s3 question--add">Odpowiedz i dodaj do wykładu</div>
<div class="col s3 question--remove">Usuń pytanie</div>
<div class="col s4 question--mark">Oznacz, jako szczególnie ważne pytanie</div>
<!-- <div class="col s3 question--respond">Odpowiedz na pytanie</div> -->
<!-- TUTAJ MOZNA ZAKOMENTOWAĆ UKRYTĄ OPCJĘ NIEMIECKĄ -->
<div class="col s4 question--add">Odpowiedz i dodaj do wykładu</div>
<!-- KONIEC KOMENTOWANIA UKRYTEJ OPCJI NIEMIECKIEJ -->
<div class="col s4 question--remove">Usuń pytanie</div>
</div>
</div>
</div>

17
templates/student.html
View File

@ -33,9 +33,20 @@
<div class="col s12">
<div class="card color--primary white-text">
<div class="card-content footer__container--content">
<div class="col s4">Powrót</div>
<div class="col s4 modal-trigger" href="#modalAsk">Zadaj pytanie</div>
<div class="col s4">Informacje</div>
<div class="col s12 modal-trigger red" href="#modalAsk">Zadaj pytanie</div>
</div>
</div>
</div>
</div>
</div>
<div class="container footer__container">
<div class="row">
<div class="col s12">
<div class="card color--primary white-text">
<div class="card-content footer__container--content">
<div class="col s6">Powrót</div>
<!--<div class="col s4 modal-trigger" href="#modalAsk">Zadaj pytanie</div>-->
<div class="col s6">Informacje</div>
</div>
</div>
</div>