1
0
mirror of https://github.com/nerzhul/ocsms.git synced 2025-06-07 16:06:15 +00:00

SMS design

This commit is contained in:
Loic Blot 2014-09-16 21:33:19 +00:00
parent 5667cbdac1
commit 2ecaef769a
2 changed files with 33 additions and 1 deletions

View File

@ -43,3 +43,35 @@
text-overflow: ellipsis;
color: #333;
}
#app-content {
padding: 15px;
}
.msg-sent, .msg-recv {
border-radius: 12px;
margin: 4px;
max-width: 50%;
padding: 8px;
box-shadow: 1px 1px 1px #CCC;
-moz-box-shadow: 1px 1px 1px #CCC;
-webkit-box-shadow: 1px 1px 1px #CCC;
-ms-box-shadow: 1px 1px 1px #CCC;
-o-box-shadow: 1px 1px 1px #CCC;
}
.msg-sent {
border: 1px solid #bbb;
background: #a5fb7a;
float: right;
}
.msg-recv {
border: 1px solid #bbb;
background: #e8e8e8;
float: left;
}
.msg-spacer {
clear: both;
}

View File

@ -28,7 +28,7 @@ function fetchConversation(phoneNumber) {
msgClass = '';
}
conversationBuf += '<div class="' + msgClass + '">' + vals["msg"] + '</div>';
conversationBuf += '<div><div class="' + msgClass + '">' + vals["msg"] + '</div><div class="msg-spacer"></div></div>';
});
$('#app-content').html(conversationBuf);