| Server IP : 66.29.137.217 / Your IP : 3.139.86.227 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/./gle.gltechlimited.com/public/assets/scss/ |
Upload File : |
/*
-------------------------------
: Custom - Chat css :
-------------------------------
*/
.chat-list {
background-color: $card-bg;
border-radius: 3px;
padding-bottom: 15px;
margin-bottom: 30px;
.chat-search {
padding: 21px 30px;
border-bottom: 1px solid $border-color;
input[type="search"] {
background-color: $secondary-rgba;
color: $muted;
font-size: 16px;
padding-left: 20px;
border: none;
border-radius: 3px 0 0 3px;
}
::placeholder {
color: $muted;
}
.input-group-append {
margin-left: 0px;
}
.btn {
background-color: $secondary-rgba;
color: $muted;
font-size: 18px;
border-radius: 0 3px 3px 0;
padding: 5px 15px 3px 5px;
box-shadow: none;
z-index: 0;
}
}
.chat-user-list li {
padding: 15px 30px;
img {
width: 35px;
margin-right: 10px;
}
h5 {
font-size: 16px;
margin-bottom: 3px;
.timing {
color: $muted;
float: right;
font-size: 12px;
margin-top: 3px;
}
}
p {
margin-bottom: 0;
}
&:hover {
background-color: $secondary-rgba;
}
}
}
.chat-detail {
background-color: $card-bg;
border-radius: 3px;
margin-bottom: 30px;
.chat-head {
padding: 15px 30px;
border-bottom: 1px solid $border-color;
}
&.order-chat-detail {
.chat-body {
padding: 0 20px;
}
}
.chat-body {
padding: 30px 40px;
.chat-message {
margin-bottom: 20px;
.chat-message-text {
background-color: $light;
color: $black;
padding: 5px 15px;
display: inline-block;
border-radius: 3px;
position: relative;
}
.chat-message-meta {
margin-top: 5px;
font-size: 14px;
}
&.chat-message-left {
text-align: left;
.chat-message-text {
&:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -10px;
right: auto;
top: auto;
bottom: 0;
border: 6px solid $light;
border-color: transparent $light $light transparent;
}
}
}
&.chat-message-right {
text-align: right;
.chat-message-text {
background-color: $primary;
color: $white;
&:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: auto;
right: -10px;
top: auto;
bottom: 0;
border: 6px solid $primary;
border-color: transparent transparent $primary $primary ;
}
}
.chat-message-meta {
text-align: right;
}
}
}
}
.chat-bottom {
padding: 15px 30px;
border-top: 1px solid $border-color;
.chat-messagebar {
input[type="text"] {
background-color: transparent;
color: $muted;
font-size: 16px;
border: none;
border-radius: 0;
}
::placeholder {
color: $muted;
}
.input-group-append {
margin-left: 0px;
}
.btn {
border-radius: 50% !important;
margin: 0 5px;
}
}
}
}