Browse Source

vzhled všemožných formulářů, opravy otočných karet na mobilu

middleware_test
Kateřina Čížková 4 years ago
parent
commit
f5b99aac47
  1. 44
      mamweb/static/css/mamweb.css
  2. 2
      seminar/templates/seminar/cojemam/organizatori.html
  3. 14
      seminar/templates/seminar/login.html
  4. 9
      seminar/templates/seminar/prihlaska_field.html

44
mamweb/static/css/mamweb.css

@ -7,6 +7,7 @@ font-weight: normal;
body { body {
font-family: 'OpenSans'; font-family: 'OpenSans';
background-color: #fffbf6; background-color: #fffbf6;
min-height: 100%;
} }
div.container { div.container {
@ -296,7 +297,7 @@ ul.submenu {
ul.submenu { ul.submenu {
background-color: #e84e10; background-color: #e84e10;
z-index: 5; z-index: 50;
font-weight: 400; font-weight: 400;
} }
@ -439,6 +440,10 @@ ul.submenu {
ul.submenu { ul.submenu {
margin-top: 8px; /* mezera mezi hlavním menu a submenu */ margin-top: 8px; /* mezera mezi hlavním menu a submenu */
} }
a.ref-org-foto {
pointer-events: none;
}
} }
/* malý tablet, mobil */ /* malý tablet, mobil */
@ -564,6 +569,7 @@ ul.submenu {
display: block; display: block;
} }
/*patička mobil*/ /*patička mobil*/
#footer { #footer {
@ -947,3 +953,39 @@ p.gdpr {
div.gdpr { div.gdpr {
font-size: 6pt; font-size: 6pt;
} }
/* přihláška a další formuláře */
table.form td, table.form tr {
table-layout: fixed;
word-wrap: break-word;
padding: 5px;
}
.field-with-comment{
position:relative;
}
.field-comment{
display:none;
text-shadow: 0 1px 0 #fff;
background-color: #f0f0f0 ;
border-color: #dbdbdb;
position:absolute;
z-index:100;
border:1px;
border-style:solid;
border-width:1px;
border-radius: 5px;
padding:3px;
top:20px;
left:20px;
}
.field-with-comment:hover span.field-comment{
display:block;
}
input {
margin: 5px;
}

2
seminar/templates/seminar/cojemam/organizatori.html

@ -53,7 +53,7 @@
<div class="flip-card-foto"> <div class="flip-card-foto">
{% if org.osoba.foto %} {% if org.osoba.foto %}
<a href="{{org.osoba.foto.url}}"><img src="{{org.osoba.foto_male.url}}" height="{{org.osoba.foto_male.height}}" alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}"></a> <a href="{{org.osoba.foto.url}}" class="ref-org-foto"><img src="{{org.osoba.foto_male.url}}" height="{{org.osoba.foto_male.height}}" alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}"></a>
{% else %} {# pokud osoba nemá fotku, zobrazuje se defaultní obrázek #} {% else %} {# pokud osoba nemá fotku, zobrazuje se defaultní obrázek #}
{% load static %} <img src="{% static 'images/no-photo.png' %}" height=200px alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}"> {% load static %} <img src="{% static 'images/no-photo.png' %}" height=200px alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}">
{% endif %} {% endif %}

14
seminar/templates/seminar/login.html

@ -18,8 +18,18 @@
<input type="submit" value="Přihlásit"> <input type="submit" value="Přihlásit">
</form> </form>
<a href="{% url 'reset_password' %}">Zapomněl jsem heslo</a><br> <form action="{% url 'reset_password' %}">
<a href="{% url 'seminar_prihlaska' %}">Zaregistrovat</a><br> <input type="submit" value="Zapomněl jsem heslo" />
</form>
<hr>
<h2>
Ješte nejste zaregistrováni?
</h2>
<form action="{% url 'seminar_prihlaska' %}">
<input type="submit" value="Registrovat" />
</form>
{% endblock %} {% endblock %}

9
seminar/templates/seminar/prihlaska_field.html

@ -4,17 +4,14 @@
<label class="field-label{% if field.field.required %} field-required{% endif %}" for="{{ field.id_for_label }}"> <label class="field-label{% if field.field.required %} field-required{% endif %}" for="{{ field.id_for_label }}">
{{ field.label }}: {{ field.label }}:
</label> </label>
</td> </td>
<td> <td {% if field.help_text %} class="field-with-comment"{% endif %}>
{{ field }} {{ field }}
<span class="field-comment">{{ field.help_text|safe }}
</td> </td>
</tr> </tr>
{% if field.help_text %}
<tr>
<td colspan="2"><span class="field-helptext">{{ field.help_text|safe }}</span></td>
</tr>
{% endif %}
{% if field.errors %} {% if field.errors %}
<tr> <tr>

Loading…
Cancel
Save