Miguel Barão / aprendizations

Download as
Browse Code »

Commit fe744c8c480d1a9829efc373eebbc0a2c1503fb8

Authored by Miguel Barão
1 parent fd2f53ea
Exists in master and in 1 other branch dev

- improved looks of navbar, checkboxes and radio option list

Showing 4 changed files with 26 additions and 15 deletions   Show diff stats
templates/maintopics.html
  Diff comments   View file @fe744c8
... ... @@ -28,9 +28,9 @@
28 28 <!-- ===================================================================== -->
29 29 <body>
30 30 <nav class="navbar navbar-expand-sm fixed-top navbar-dark bg-primary">
31   - <a class="navbar-brand" href="#">
32   - <img src="/static/logo_horizontal.png" height="30" alt="">
33   - </a>
  31 + <!-- <a class="navbar-brand" href="#"> -->
  32 + <img src="/static/logo_horizontal.png" class="navbar-brand" height="48" alt="UEvora">
  33 + <!-- </a> -->
34 34 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
35 35 <span class="navbar-toggler-icon"></span>
36 36 </button>
... ...
templates/question-checkbox.html
  Diff comments   View file @fe744c8
... ... @@ -5,10 +5,16 @@
5 5 <fieldset data-role="controlgroup">
6 6 <div class="list-group">
7 7 {% for n,opt in enumerate(question['options']) %}
8   - <a class="list-group-item">
9   - <input type="checkbox" id="{{ n }}" accesskey="{{ n+1 }}" name="answer" value="{{ n }}">
10   - <label for="{{ n }}">{{ md(opt) }}</label>
11   - </a>
  8 + <a class="list-group-item">
  9 + <div class="d-flex flex-row align-items-stretch">
  10 + <div class="p-1">
  11 + <input type="checkbox" id="{{ n }}" accesskey="{{ n+1 }}" name="answer" value="{{ n }}">
  12 + </div>
  13 + <div class="p-1">
  14 + <label for="{{ n }}">{{ md(opt) }}</label>
  15 + </div>
  16 + </div>
  17 + </a>
12 18 {% end %}
13 19 </div>
14 20 </fieldset>
... ...
templates/question-radio.html
  Diff comments   View file @fe744c8
... ... @@ -5,10 +5,16 @@
5 5 <fieldset data-role="controlgroup">
6 6 <div class="list-group">
7 7 {% for n,opt in enumerate(question['options']) %}
8   - <a class="list-group-item">
9   - <input type="radio" id="{{ n }}" accesskey="{{ n+1 }}" name="answer" value="{{ n }}">
10   - <label for="{{ n }}">{{ md(opt) }}</label>
11   - </a>
  8 + <a class="list-group-item">
  9 + <div class="d-flex flex-row">
  10 + <div class="p-1">
  11 + <input type="radio" id="{{ n }}" accesskey="{{ n+1 }}" name="answer" value="{{ n }}">
  12 + </div>
  13 + <div class="p-1">
  14 + <label for="{{ n }}">{{ md(opt) }}</label>
  15 + </div>
  16 + </div>
  17 + </a>
12 18 {% end %}
13 19 </div>
14 20 </fieldset>
... ...
templates/topic.html
  Diff comments   View file @fe744c8
... ... @@ -28,7 +28,6 @@
28 28 <!-- <link rel="stylesheet" href="/static/css/learn.css"> -->
29 29  
30 30 <style>
31   - /* progress bars have height of 4 pixels */
32 31 .progress {
33 32 height: 20px;
34 33 border-radius: 0px;
... ... @@ -59,9 +58,9 @@
59 58  
60 59 <!-- Navbar -->
61 60 <nav class="navbar navbar-expand-sm fixed-top navbar-dark bg-primary">
62   - <a class="navbar-brand" href="#">
63   - <img src="/static/logo_horizontal.png" height="30" alt="">
64   - </a>
  61 + <!-- <a class="navbar-brand" href="#"> -->
  62 + <img src="/static/logo_horizontal.png" class="navbar-brand" height="48" alt="UEvora">
  63 + <!-- </a> -->
65 64 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
66 65 <span class="navbar-toggler-icon"></span>
67 66 </button>
... ...