2 * Component: Direct Chat
3 * ----------------------
7 .border-bottom-radius(0);
13 .direct-chat-contacts {
19 .direct-chat-messages {
36 .direct-chat-messages,
37 .direct-chat-contacts {
38 .transition-transform(.5s ease-in-out);
45 background: @direct-chat-default-msg-bg;
46 border: 1px solid @direct-chat-default-msg-border-color;
48 color: @direct-chat-default-font-color;
56 border: solid transparent;
57 border-right-color: @direct-chat-default-msg-border-color;
79 border-right-color: transparent;
80 border-left-color: @direct-chat-default-msg-border-color;
105 .direct-chat-timestamp {
109 //Direct chat contacts pane
110 .direct-chat-contacts-open {
111 .direct-chat-contacts {
116 .direct-chat-contacts {
128 //Contacts list -- for displaying contacts in direct chat contacts pane
130 &:extend(.list-unstyled);
133 border-bottom: 1px solid rgba(0, 0, 0, 0.2);
148 .contacts-list-info {
154 .contacts-list-status {
158 .contacts-list-name {
162 .contacts-list-status {
166 .contacts-list-date {
175 //Direct Chat Variants
176 .direct-chat-danger {
177 .direct-chat-variant(@red);
180 .direct-chat-primary {
181 .direct-chat-variant(@light-blue);
184 .direct-chat-warning {
185 .direct-chat-variant(@yellow);
189 .direct-chat-variant(@aqua);
192 .direct-chat-success {
193 .direct-chat-variant(@green);