39:28ad6d3e2618
Anton Shestakov <av6@dwimlabs.net>, Wed, 23 Mar 2016 16:55:52 +0800
index: maintain only one contact with type 'self' This isn't done in an event handler of contacts collection because doing it in 'add' handler would trigger 'sort' event after the model has been added, but before its 'add' event has propagated, and that's dumb.

next change 49:e6635397502b
previous change 32:ccf41c7443de

css/tram-im.css

Permissions: -rw-r--r--

Other formats: Feeds:
.smart-container {
margin: 100px auto 0 auto;
max-width: 500px;
}
@media (min-width: 960px) {
.smart-container .uk-form-horizontal .uk-form-label {
width: 100px;
text-align: right;
}
.smart-container .uk-form-horizontal .uk-form-controls {
margin-left: 115px;
}
}
.log {
height: 300px;
overflow: auto;
margin-top: 15px;
margin-bottom: 15px;
}
.splitter {
border-top: 1px solid lightgray;
margin: 10px 0;
}
.message .presence {
color: darkmagenta;
}
.message .info {
color: teal;
}
.column {
display: table-cell;
vertical-align: middle;
}
.message > .column {
vertical-align: top;
}
.avatar-column {
position: relative;
}
.avatar-column .vignette {
border-radius: 50%;
overflow: hidden;
margin-right: 8px;
height: 48px;
width: 48px;
line-height: 48px;
}
.avatar-column.uk-invisible .vignette {
max-height: 1px;
}
.avatar {
max-height: 48px;
max-width: 48px;
}
div.avatar {
height: 48px;
width: 48px;
text-align: center;
font-size: 32px;
font-weight: 700;
}
.status-pip {
position: absolute;
right: 8px;
bottom: 0;
border-radius: 50%;
width: 11px;
height: 11px;
}
.contact-list {
margin-top: 15px;
}
li.contact {
padding: 5px;
}
li.contact > .column {
vertical-align: middle;
}