Started making use of gravatar icons.

This commit is contained in:
tomtom5152
2015-01-29 20:00:07 +00:00
parent 6838444501
commit 6c322e39cb
5 changed files with 11661 additions and 10579 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -8,39 +8,43 @@
@import "jq-ui-bootstrap/_tooltip"; @import "jq-ui-bootstrap/_tooltip";
body, .pad-top { body, .pad-top {
padding-top: 50px; padding-top: 50px;
} }
#content { #content {
padding: 40px 15px; padding: 40px 15px;
} }
#userdropdown > li { #userdropdown > li {
padding: 0 0.3em; padding: 0 0.3em;
&.media { .media-object {
display: inline-flex; max-width: 3em;
} }
} }
.table tbody>tr>td.vert-align .table tbody > tr > td.vert-align {
{ vertical-align: middle;
vertical-align: middle;
} }
.align-right { .align-right {
text-align: right; text-align: right;
} }
textarea { textarea {
width: 100%; width: 100%;
resize: vertical; resize: vertical;
} }
.btn-page, .btn-pad { // .btn-page should be refactored out to .btn-page in the future .btn-page, .btn-pad {
margin: 0 0 0.5em; // .btn-page should be refactored out to .btn-page in the future
margin: 0 0 0.5em;
} }
.custom-combobox { .custom-combobox {
display: block; display: block;
}
.event-mic-photo {
max-width: 2em;
} }

View File

@@ -71,9 +71,12 @@
{% endif %} {% endif %}
</dl> </dl>
</td> </td>
<td class="text-center"> <td class="text-right">
{% if event.mic or not event.is_rig %} {% if event.mic or not event.is_rig %}
{{ event.mic.initials }} {{ event.mic.initials }}
<div>
<img src="{{ event.mic.profile_picture }}" class="event-mic-photo"/>
</div>
{% else %} {% else %}
<span class="glyphicon glyphicon-exclamation-sign"></span> <span class="glyphicon glyphicon-exclamation-sign"></span>
{% endif %} {% endif %}

View File

@@ -64,11 +64,11 @@
Hi {{ user.first_name }} Hi {{ user.first_name }}
<b class="caret"></b> <b class="caret"></b>
</a> </a>
<ul class="dropdown-menu nav media-list pull-right"> <ul class="dropdown-menu nav media-list pull-right" id="userdropdown">
<li class="media"> <li class="media">
<span class="pull-left"> <div class="media-left">
<img src="{{ request.user.profile_picture }}" class="media-object"/> <img src="{{ request.user.profile_picture }}" class="media-object"/>
</span> </div>
<div class="media-body"> <div class="media-body">
<b>{{ request.user.first_name }} {{ request.user.last_name }}</b> <b>{{ request.user.first_name }} {{ request.user.last_name }}</b>
@@ -110,7 +110,7 @@
</div> </div>
<div id="sidebar" class="column"> <div id="sidebar" class="column">
{% block sidebar %} {% block sidebar %}
{% endblock %} {% endblock %}
</div> </div>
</div> </div>
@@ -143,10 +143,10 @@
jQuery('#modal').load(jQuery(this).attr('href'), function (e) { jQuery('#modal').load(jQuery(this).attr('href'), function (e) {
jQuery('#modal').modal(); jQuery('#modal').modal();
}); });
jQuery('#modal').on('hide.bs.modal', function(e) { jQuery('#modal').on('hide.bs.modal', function (e) {
if(modaltarget != "" && modalobject != "") { if (modaltarget != "" && modalobject != "") {
jQuery(modaltarget).val(modalobject[0]['pk']); jQuery(modaltarget).val(modalobject[0]['pk']);
jQuery(modaltarget+'-input').val(modalobject[0]['fields']['name']); jQuery(modaltarget + '-input').val(modalobject[0]['fields']['name']);
} }
}) })
}); });