Files
dss.web/client/app/components/messagepopup/messagepopup.less
Fergal Moran d2c529bafe Screw you git!
2015-12-01 19:50:20 +00:00

132 lines
1.9 KiB
Plaintext

.panel {
margin-bottom: 0px;
}
.avatar {
padding: 4px;
}
.chat-window {
bottom: 0;
position: fixed;
float: right;
margin-left: 10px;
z-index: 9999;
}
.chat-window > div > .panel {
border-radius: 5px 5px 0 0;
}
.icon_minim {
padding: 2px 10px;
}
.msg_container_base {
background: #e5e5e5;
margin: 0;
padding: 0 10px 10px;
max-height: 300px;
overflow-x: hidden;
}
.top-bar {
background: #666;
color: white;
padding: 10px;
position: relative;
overflow: hidden;
}
.msg_receive {
padding-left: 0;
margin-left: 0;
}
.msg_sent {
padding-bottom: 20px !important;
margin-right: 0;
}
.messages {
background: white;
padding: 10px;
border-radius: 2px;
max-width: 100%;
}
.messages > p {
font-size: 13px;
margin: 0 0 0.2rem 0;
}
.messages > time {
font-size: 11px;
color: #ccc;
}
.msg_container {
padding: 10px;
overflow: hidden;
display: flex;
}
.chat-img {
display: block;
width: 100%;
}
.chat-avatar {
position: relative;
}
.base_receive > .avatar:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border: 5px solid #FFF;
}
.base_sent {
justify-content: flex-end;
align-items: flex-end;
}
.base_sent > .avatar:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border: 5px solid white;
border-right-color: transparent;
border-top-color: transparent;
}
.msg_sent > time {
float: right;
}
.msg_container_base::-webkit-scrollbar-track {
background-color: #F5F5F5;
}
.msg_container_base::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5;
}
.msg_container_base::-webkit-scrollbar-thumb {
background-color: #555;
}
.btn-group.dropup {
position: fixed;
left: 0px;
bottom: 0;
}