Skip to content

Commit 601ace0

Browse files
berk76berk76
authored
Small UI enhancements (#135)
* Rounded forms * Rounded inputs * Led icons style * Table with no border * Survey button
1 parent a71077b commit 601ace0

23 files changed

+75
-42
lines changed

‎svjis/articles/static/css/styles.css

+33
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,12 @@ h1.article-title {color:#739D13;}
2525
h2.article-title {color:#739D13;}
2626
h2.comment-title {color:#739D13;}
2727

28+
img.led {
29+
border: 0;
30+
width: 16px;
31+
height: 16px;
32+
}
33+
2834
table.no-border {
2935
border: 0;
3036
line-height: 1.6;
@@ -69,6 +75,7 @@ table.list td.closed-ticket {
6975
padding: .7em 1.5em; /* odsazení od textu */
7076
outline: none; /* odstraňovat vnější rámeček v Mozilla */
7177
border: none;
78+
border-radius: 5px;
7279
}
7380

7481
textarea.full-width {
@@ -82,13 +89,15 @@ fieldset {
8289
box-sizing: border-box;
8390
padding: 15px;
8491
line-height: 1.5;
92+
border-radius: 5px;
8593
}
8694

8795
legend {
8896
color: #000000;
8997
background: #d0d0d0;
9098
border: 1px solid #d0d0d0;
9199
padding: 2px 6px;
100+
border-radius: 5px;
92101
}
93102

94103
legend.hidden-legend {display: none;}
@@ -110,6 +119,7 @@ legend.hidden-legend {display: none;}
110119
margin: 0;
111120
padding: 0px 5px;
112121
box-sizing: border-box;
122+
border-radius: 5px;
113123
}
114124

115125
.common-input-chck {
@@ -125,6 +135,7 @@ legend.hidden-legend {display: none;}
125135
background: #ffffff;
126136
height:150px;
127137
border: 1px solid #c3c3c3;
138+
border-radius: 5px;
128139
width:100%;
129140
box-sizing: border-box;
130141
}
@@ -134,6 +145,7 @@ legend.hidden-legend {display: none;}
134145
background: #ffffff;
135146
height:150px;
136147
border: 1px solid #c3c3c3;
148+
border-radius: 5px;
137149
box-sizing: border-box;
138150
}
139151
.common-submit input {
@@ -507,6 +519,7 @@ p.contact a {
507519
border: 0;
508520
margin: 0;
509521
padding: 0;
522+
border-radius: 5px 0px 0px 5px;
510523
}
511524

512525
#search-submit {
@@ -517,6 +530,7 @@ p.contact a {
517530
width: 60px;
518531
height: 22px;
519532
border: 0;
533+
border-radius: 0px 5px 5px 0px;
520534

521535
color: #ffffff;
522536
text-decoration: none;
@@ -565,6 +579,7 @@ p.contact a {
565579
outline: none;
566580
margin: 5px 0px 5px 0px;
567581
text-align: center;
582+
border-radius: 5px;
568583
}
569584

570585
#login-label {
@@ -595,6 +610,7 @@ p.contact a {
595610
border: 0;
596611
margin: 0;
597612
padding: 0;
613+
border-radius: 5px;
598614
}
599615

600616
#password-input {
@@ -603,13 +619,15 @@ p.contact a {
603619
border: 0;
604620
margin: 0;
605621
padding: 0;
622+
border-radius: 5px;
606623
}
607624

608625
#login-submit {
609626
padding: .1em .1em;
610627
width: 100px;
611628
height: 22px;
612629
border: 0;
630+
border-radius: 5px;
613631
color: #ffffff;
614632
text-decoration: none;
615633
user-select: none;
@@ -765,6 +783,21 @@ p.contact a {
765783
line-height: 1.5;
766784
}
767785

786+
#survey-submit {
787+
padding: .1em .1em;
788+
width: 100px;
789+
height: 22px;
790+
border: 0;
791+
color: #ffffff;
792+
text-decoration: none;
793+
user-select: none;
794+
background: #2F2F2F;
795+
outline: none;
796+
margin: 0;
797+
text-align: center;
798+
border-radius: 5px;
799+
}
800+
768801
.usefullinks {
769802
margin: 0;
770803
list-style: none;

‎svjis/articles/templates/admin_board.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@ <h1 class="page-title" id="tbl-desc">{% translate 'Board' %}</h1>
2020
{% for obj in object_list %}
2121
<tr>
2222
<td class="list">{{ forloop.counter }}</td>
23-
<td class="list"><a href="{% url 'admin_board_edit' pk=obj.pk %}"><img src="/static/gfx/pencil.png" border="0" title="{% translate 'Edit' %}" alt="{% translate 'Edit' %}"></a></td>
24-
<td class="list"><a onclick="if (!confirm('{% translate 'Do you want to delete' %} {{ obj.member.userprofile.salutation }}&nbsp;{{ obj.member.first_name }}&nbsp;{{ obj.member.last_name }} ?')) return false;" href="{% url 'admin_board_delete' pk=obj.id %}"><img src="/static/gfx/delete.png" border="0" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
23+
<td class="list"><a href="{% url 'admin_board_edit' pk=obj.pk %}"><img src="/static/gfx/pencil.png" class="led" title="{% translate 'Edit' %}" alt="{% translate 'Edit' %}"></a></td>
24+
<td class="list"><a onclick="if (!confirm('{% translate 'Do you want to delete' %} {{ obj.member.userprofile.salutation }}&nbsp;{{ obj.member.first_name }}&nbsp;{{ obj.member.last_name }} ?')) return false;" href="{% url 'admin_board_delete' pk=obj.id %}"><img src="/static/gfx/delete.png" class="led" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
2525
<td class="list">{{ obj.member.userprofile.salutation }}&nbsp;{{ obj.member.first_name }}&nbsp;{{ obj.member.last_name }}</td>
2626
<td class="list">{{ obj.position }}</td>
2727
</tr>

‎svjis/articles/templates/admin_building_unit.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -68,9 +68,9 @@ <h1 class="page-title" id="tbl-desc">{% translate 'Building units' %}</h1>
6868
{% for obj in object_list %}
6969
<tr>
7070
<td class="list hide-in-mobile">{{ forloop.counter }}</td>
71-
<td class="list"><a href="{% url 'admin_building_unit_edit' pk=obj.pk %}"><img src="/static/gfx/pencil.png" border="0" title="{% translate 'Edit' %}" alt="{% translate 'Edit' %}"></a></td>
72-
<td class="list"><a href="{% url 'admin_building_unit_owners' pk=obj.pk %}"><img src="/static/gfx/user.png" border="0" title="{% translate 'Owners' %}" alt="{% translate 'Owners' %}"></a></td>
73-
<td class="list"><a onclick="if (!confirm('{% translate 'Do you want to delete' %} {{ obj.type.description }} {{ obj.description }} ?')) return false;" href="{% url 'admin_building_unit_delete' pk=obj.id %}"><img src="/static/gfx/delete.png" border="0" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
71+
<td class="list"><a href="{% url 'admin_building_unit_edit' pk=obj.pk %}"><img src="/static/gfx/pencil.png" class="led" title="{% translate 'Edit' %}" alt="{% translate 'Edit' %}"></a></td>
72+
<td class="list"><a href="{% url 'admin_building_unit_owners' pk=obj.pk %}"><img src="/static/gfx/user.png" class="led" title="{% translate 'Owners' %}" alt="{% translate 'Owners' %}"></a></td>
73+
<td class="list"><a onclick="if (!confirm('{% translate 'Do you want to delete' %} {{ obj.type.description }} {{ obj.description }} ?')) return false;" href="{% url 'admin_building_unit_delete' pk=obj.id %}"><img src="/static/gfx/delete.png" class="led" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
7474
<td class="list">{{ obj.type.description }}</td>
7575
<td class="list">{{ obj.entrance.description }}</td>
7676
<td class="list">{{ obj.registration_id }}</td>

‎svjis/articles/templates/admin_building_unit_owners_edit.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ <h1 class="page-title" id="tbl-desc">{{ bu.type.description }} - {{ bu.registrat
2020
<td class="list">{{ forloop.counter }}</td>
2121
<td class="list">{{ obj.first_name }}</td>
2222
<td class="list">{{ obj.last_name }}</td>
23-
<td class="list"><a href="{% url 'admin_building_unit_owners_delete' pk=pk owner=obj.pk %}"><img src="/static/gfx/delete.png" border="0" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
23+
<td class="list"><a href="{% url 'admin_building_unit_owners_delete' pk=pk owner=obj.pk %}"><img src="/static/gfx/delete.png" class="led" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
2424
</tr>
2525
{% endfor %}
2626
{% endif %}

‎svjis/articles/templates/admin_entrance.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@ <h1 class="page-title" id="tbl-desc">{% translate 'Entrances' %}</h1>
2020
{% for obj in object_list %}
2121
<tr>
2222
<td class="list">{{ forloop.counter }}</td>
23-
<td class="list"><a href="{% url 'admin_entrance_edit' pk=obj.pk %}"><img src="/static/gfx/pencil.png" border="0" title="{% translate 'Edit' %}" alt="{% translate 'Edit' %}"></a></td>
24-
<td class="list"><a onclick="if (!confirm('{% translate 'Do you want to delete' %} {{ obj.description }} ?')) return false;" href="{% url 'admin_entrance_delete' pk=obj.id %}"><img src="/static/gfx/delete.png" border="0" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
23+
<td class="list"><a href="{% url 'admin_entrance_edit' pk=obj.pk %}"><img src="/static/gfx/pencil.png" class="led" title="{% translate 'Edit' %}" alt="{% translate 'Edit' %}"></a></td>
24+
<td class="list"><a onclick="if (!confirm('{% translate 'Do you want to delete' %} {{ obj.description }} ?')) return false;" href="{% url 'admin_entrance_delete' pk=obj.id %}"><img src="/static/gfx/delete.png" class="led" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
2525
<td class="list">{{ obj.description }}</td>
2626
<td class="list">{{ obj.address }}</td>
2727
</tr>

‎svjis/articles/templates/admin_group.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -20,9 +20,9 @@ <h1 class="page-title" id="tbl-desc">{% translate 'Group' %}</h1>
2020
{% for obj in object_list %}
2121
<tr>
2222
<td class="list">{{ forloop.counter }}</td>
23-
<td class="list"><a href="{% url 'admin_group_edit' pk=obj.pk %}"><img src="/static/gfx/pencil.png" border="0" title="{% translate 'Edit' %}" alt="{% translate 'Edit' %}"></a></td>
24-
<td class="list"><a href="{% url 'admin_user' %}?group_filter={{ obj.pk }}"><img src="/static/gfx/user.png" border="0" title="{% translate 'List of users' %}" alt="{% translate 'List of users' %}"></a></td>
25-
<td class="list"><a onclick="if (!confirm('{% translate 'Do you want to delete' %} {{ obj.name }} ?')) return false;" href="{% url 'admin_group_delete' pk=obj.id %}"><img src="/static/gfx/delete.png" border="0" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
23+
<td class="list"><a href="{% url 'admin_group_edit' pk=obj.pk %}"><img src="/static/gfx/pencil.png" class="led" title="{% translate 'Edit' %}" alt="{% translate 'Edit' %}"></a></td>
24+
<td class="list"><a href="{% url 'admin_user' %}?group_filter={{ obj.pk }}"><img src="/static/gfx/user.png" class="led" title="{% translate 'List of users' %}" alt="{% translate 'List of users' %}"></a></td>
25+
<td class="list"><a onclick="if (!confirm('{% translate 'Do you want to delete' %} {{ obj.name }} ?')) return false;" href="{% url 'admin_group_delete' pk=obj.id %}"><img src="/static/gfx/delete.png" class="led" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
2626
<td class="list">{{ obj.name }}</td>
2727
</tr>
2828
{% endfor %}

‎svjis/articles/templates/admin_preferences.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@ <h1 class="page-title" id="tbl-desc">{% translate 'Preferences' %}</h1>
2020
{% for obj in object_list %}
2121
<tr>
2222
<td class="list hide-in-mobile">{{ forloop.counter }}</td>
23-
<td class="list"><a href="{% url 'admin_preferences_edit' pk=obj.pk %}"><img src="/static/gfx/pencil.png" border="0" title="{% translate 'Edit' %}" alt="{% translate 'Edit' %}"></a></td>
24-
<td class="list"><a onclick="if (!confirm('{% translate 'Do you want to delete' %} {{ obj.key }} ?')) return false;" href="{% url 'admin_preferences_delete' pk=obj.id %}"><img src="/static/gfx/delete.png" border="0" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
23+
<td class="list"><a href="{% url 'admin_preferences_edit' pk=obj.pk %}"><img src="/static/gfx/pencil.png" class="led" title="{% translate 'Edit' %}" alt="{% translate 'Edit' %}"></a></td>
24+
<td class="list"><a onclick="if (!confirm('{% translate 'Do you want to delete' %} {{ obj.key }} ?')) return false;" href="{% url 'admin_preferences_delete' pk=obj.id %}"><img src="/static/gfx/delete.png" class="led" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
2525
<td class="list">{{ obj.key }}</td>
2626
<td class="list hide-in-mobile">{{ obj.value }}</td>
2727
</tr>

‎svjis/articles/templates/admin_user.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -59,8 +59,8 @@ <h1 class="page-title" id="tbl-desc">{% translate 'User' %}</h1>
5959
{% for obj in object_list %}
6060
<tr>
6161
<td class="list hide-in-mobile">{{ forloop.counter }}</td>
62-
<td class="list"><a href="{% url 'admin_user_edit' pk=obj.pk %}"><img src="/static/gfx/pencil.png" border="0" title="{% translate 'Edit' %}" alt="{% translate 'Edit' %}"></a></td>
63-
<td class="list"><a href="{% url 'admin_user_owns' pk=obj.pk %}"><img src="/static/gfx/house.png" border="0" title="{% translate 'Units' %}" alt="{% translate 'Units' %}"></a></td>
62+
<td class="list"><a href="{% url 'admin_user_edit' pk=obj.pk %}"><img src="/static/gfx/pencil.png" class="led" title="{% translate 'Edit' %}" alt="{% translate 'Edit' %}"></a></td>
63+
<td class="list"><a href="{% url 'admin_user_owns' pk=obj.pk %}"><img src="/static/gfx/house.png" class="led" title="{% translate 'Units' %}" alt="{% translate 'Units' %}"></a></td>
6464
<td class="list">{{ obj.last_name }}</td>
6565
<td class="list">{{ obj.first_name }}</td>
6666
<td class="list hide-in-mobile">{{ obj.is_active|yes_no }}</td>

‎svjis/articles/templates/admin_user_ownes_edit.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ <h1 class="page-title" id="tbl-desc">{{ u.first_name }} {{ u.last_name }}</h1>
2222
<td class="list">{{ obj.type.description }}</td>
2323
<td class="list">{{ obj.registration_id }}</td>
2424
<td class="list">{{ obj.description }}</td>
25-
<td class="list"><a href="{% url 'admin_user_owns_delete' pk=pk owner=obj.pk %}"><img src="/static/gfx/delete.png" border="0" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
25+
<td class="list"><a href="{% url 'admin_user_owns_delete' pk=pk owner=obj.pk %}"><img src="/static/gfx/delete.png" class="led" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
2626
</tr>
2727
{% endfor %}
2828
{% endif %}

‎svjis/articles/templates/advert_edit.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -60,10 +60,10 @@ <h2>{% translate 'Assets' %}</h2>
6060
</tr>
6161
{% for a in assets %}
6262
<tr>
63-
<td class="list"><img src="/static/gfx/{{ a.icon }}" border="0" alt="{{ a.basename }}"></td>
63+
<td class="list"><img src="/static/gfx/{{ a.icon }}" class="led" alt="{{ a.basename }}"></td>
6464
<td class="list" id="asset_name_{{ a.asset.pk }}">{{ a.asset.description }}</td>
6565
<td class="list" id="asset_file_{{ a.asset.pk }}"><a href="/media/{{ a.asset.file }}">{{ a.basename }}</a></td>
66-
<td class="list"><a onclick="if (!confirm('{% translate 'Do you want to delete' %} {{ a.asset.description }} ?')) return false;" href="{% url 'adverts_asset_delete' pk=a.asset.id %}"><img src="/static/gfx/delete.png" border="0" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
66+
<td class="list"><a onclick="if (!confirm('{% translate 'Do you want to delete' %} {{ a.asset.description }} ?')) return false;" href="{% url 'adverts_asset_delete' pk=a.asset.id %}"><img src="/static/gfx/delete.png" class="led" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
6767
</tr>
6868
{% endfor %}
6969
</table>

‎svjis/articles/templates/adverts_list.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ <h2 {% if not obj.advert.published %}style="text-decoration: line-through;"{% en
2929
{% if obj.assets %}
3030
<p>
3131
{% for a in obj.assets %}
32-
<img src="/static/gfx/{{ a.icon }}" border="0" alt="{{ a.basename }}">&nbsp;<a href="/media/{{ a.asset.file }}">{{ a.basename }}</a>&nbsp;
32+
<img src="/static/gfx/{{ a.icon }}" class="led" alt="{{ a.basename }}">&nbsp;<a href="/media/{{ a.asset.file }}">{{ a.basename }}</a>&nbsp;
3333
{% endfor %}
3434
</p>
3535
{% endif %}

‎svjis/articles/templates/article.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ <h2 class="comment-title">{% translate 'Assets' %}:</h2>
2222
</tr>
2323
{% for a in assets %}
2424
<tr>
25-
<td class="list"><img src="/static/gfx/{{ a.icon }}" border="0" alt="{{ a.basename }}"></td>
25+
<td class="list"><img src="/static/gfx/{{ a.icon }}" class="led" alt="{{ a.basename }}"></td>
2626
<td class="list"><a href="/media/{{ a.asset.file }}">{{ a.basename }}</a></td>
2727
</tr>
2828
{% endfor %}

‎svjis/articles/templates/box-survey.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
{% endfor %}
2323

2424
<p>
25-
<input type="submit" id="vote-submit" value="{% translate 'Vote' %}" />
25+
<input type="submit" id="survey-submit" value="{% translate 'Vote' %}" />
2626
</p>
2727
</form>
2828
{% else %}

‎svjis/articles/templates/box-useful-links.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
{% for link in useful_links_list %}
1212
<li>
1313
<span>
14-
<img style="float: left;" src="/static/gfx/attach_2.png" border="0" title="{{ link.header }}" alt="{{ link.header }}">
14+
<img style="float: left;" src="/static/gfx/attach_2.png" class="led" title="{{ link.header }}" alt="{{ link.header }}">
1515
</span>
1616
<a href="{{ link.link }}">{{ link.header }}</a>
1717
</li>

‎svjis/articles/templates/fault.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -66,13 +66,13 @@ <h2 class="comment-title">{% translate 'Assets' %}:</h2>
6666
</tr>
6767
{% for a in assets %}
6868
<tr>
69-
<td class="list"><img src="/static/gfx/{{ a.icon }}" border="0" alt="{{ a.basename }}"></td>
69+
<td class="list"><img src="/static/gfx/{{ a.icon }}" class="led" alt="{{ a.basename }}"></td>
7070
<td class="list" id="asset_file_{{ a.asset.pk }}"><a href="/media/{{ a.asset.file }}">{{ a.basename }}</a></td>
7171
<td class="list" id="asset_name_{{ a.asset.pk }}">{{ a.asset.description }}</td>
7272
<td class="list" id="asset_user_{{ a.asset.pk }}">{{ a.asset.created_by_user.first_name }}&nbsp;{{ a.asset.created_by_user.last_name }}</td>
7373
<td class="list hide-in-mobile" id="asset_time_{{ a.asset.pk }}">{{ a.asset.created_date|date:"d.m.Y H:i" }}</td>
7474
{% if a.asset.created_by_user == user %}
75-
<td class="list"><a onclick="if (!confirm('{% translate 'Do you want to delete' %} {{ a.asset.description }} ?')) return false;" href="{% url 'faults_fault_asset_delete' pk=a.asset.id %}"><img src="/static/gfx/delete.png" border="0" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
75+
<td class="list"><a onclick="if (!confirm('{% translate 'Do you want to delete' %} {{ a.asset.description }} ?')) return false;" href="{% url 'faults_fault_asset_delete' pk=a.asset.id %}"><img src="/static/gfx/delete.png" class="led" title="{% translate 'Delete' %}" alt="{% translate 'Delete' %}"></a></td>
7676
{% else %}
7777
<td class="list">&nbsp;</td>
7878
{% endif %}

‎svjis/articles/templates/faults_list.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ <h1 class="page-title" id="tbl-desc">{{ header }}</h1>
2424
{% if object_list %}
2525
{% for obj in object_list %}
2626
<tr>
27-
<td class="list {% if obj.closed %}closed-ticket{% endif %}"><a {% if search != '' %} href="{% url 'fault' slug=obj.slug %}?search={{ search }}" {% else %} href="{% url 'fault' slug=obj.slug %}" {% endif %}><img src="/static/gfx/find.png" border="0" title="{% translate 'View' %}" alt="{% translate 'View' %}"></a></td>
27+
<td class="list {% if obj.closed %}closed-ticket{% endif %}"><a {% if search != '' %} href="{% url 'fault' slug=obj.slug %}?search={{ search }}" {% else %} href="{% url 'fault' slug=obj.slug %}" {% endif %}><img src="/static/gfx/find.png" class="led" title="{% translate 'View' %}" alt="{% translate 'View' %}"></a></td>
2828
<td class="list {% if obj.closed %}closed-ticket{% endif %}">{{ obj.pk }}</td>
2929
<td class="list hide-in-mobile {% if obj.closed %}closed-ticket{% endif %}">{{ obj.created_date|date:"d.m.Y" }}</td>
3030
<td class="list {% if obj.closed %}closed-ticket{% endif %}">{{ obj.subject|highlight:search|safe }}</td>

0 commit comments

Comments
 (0)