|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Noto Color Emoji';
|
|
|
|
|
src: url('/src/assets/noto-color-emoji.2.woff2') format('woff2');
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-display: swap;
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Noto Color Emoji';
|
|
|
|
|
src: url('/src/assets/noto-color-emoji.7.woff2') format('woff');
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-display: swap;
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Noto Color Emoji';
|
|
|
|
|
src: url('/src/assets/noto-color-emoji.8.woff2') format('woff');
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-display: swap;
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Noto Color Emoji';
|
|
|
|
|
src: url('/src/assets/noto-color-emoji.9.woff2') format('woff');
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-display: swap;
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Noto Color Emoji';
|
|
|
|
|
src: url('/src/assets/noto-color-emoji.10.woff2') format('woff');
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-display: swap;
|
|
|
|
|
}
|
|
|
|
|
.ant-card .ant-card-head{
|
|
|
|
|
padding: 0 .5em .5em .5em;
|
|
|
|
|
min-height: unset;
|
|
|
|
|
}
|
|
|
|
|
.ant-card .ant-card-body{
|
|
|
|
|
padding: .5em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** Chat Window */
|
|
|
|
|
.chatwindow-wrapper .rce-container-mbox .rce-mbox{
|
|
|
|
|
max-width: 500px;
|
|
|
|
|
}
|
|
|
|
|
.chatwindow-wrapper .rce-citem {
|
|
|
|
|
background: transparent;
|
|
|
|
|
}
|
|
|
|
|
.chatwindow-wrapper .rce-mbox-time-block{
|
|
|
|
|
background: linear-gradient(0deg,#00000014,#0000);
|
|
|
|
|
color: #00000073;
|
|
|
|
|
}
|
|
|
|
|
.chatwindow-wrapper .rce-mbox-text .emoji-text,
|
|
|
|
|
.chatwindow-wrapper .referrer-msg,
|
|
|
|
|
.chatwindow-wrapper .rce-mbox-reply-message,
|
|
|
|
|
.chatwindow-wrapper .emoji
|
|
|
|
|
{
|
|
|
|
|
font-family: "Noto Color Emoji", 'Apple Color Emoji', 'Twemoji Mozilla', 'Segoe UI Emoji', 'Segoe UI Symbol', 'EmojiOne Color', 'Android Emoji', sans-serif;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
}
|
|
|
|
|
.chatwindow-wrapper .rce-mbox-text a{
|
|
|
|
|
color: #4f81a1;
|
|
|
|
|
}
|
|
|
|
|
.chatwindow-wrapper .rce-mbox-text:after{
|
|
|
|
|
content: none;
|
|
|
|
|
}
|
|
|
|
|
.chatwindow-wrapper .rce-mbox-photo--img img{
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.chatwindow-wrapper .rce-mbox-photo .rce-mbox-text{
|
|
|
|
|
padding-left: 8px;
|
|
|
|
|
}
|
|
|
|
|
.chatwindow-wrapper .rce-mbox-left-notch {
|
|
|
|
|
width: 10px;
|
|
|
|
|
height: 10px;
|
|
|
|
|
left: -9px;
|
|
|
|
|
}
|
|
|
|
|
.chatwindow-wrapper .rce-mbox-right-notch {
|
|
|
|
|
width: 10px;
|
|
|
|
|
height: 10px;
|
|
|
|
|
right: -9px;
|
|
|
|
|
}
|
|
|
|
|
.chatwindow-wrapper .rce-avatar-letter{
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
/* margin-left: 5px; */
|
|
|
|
|
padding: 5px;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
/* word-wrap: break-word; */
|
|
|
|
|
text-wrap: nowrap;
|
|
|
|
|
word-break: keep-all;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
.chatwindow-wrapper .whatsappme-container .rce-mbox{
|
|
|
|
|
background-color: #ccd5ae;
|
|
|
|
|
}
|
|
|
|
|
.chatwindow-wrapper .whatsappme-container .rce-mbox-right-notch{
|
|
|
|
|
fill: #ccd5ae;
|
|
|
|
|
}
|
|
|
|
|
.chatwindow-wrapper .rce-mbox .rce-mbox-reply {
|
|
|
|
|
background-color: rgba(236, 236, 236, 0.7);
|
|
|
|
|
}
|
|
|
|
|
.chatwindow-wrapper .rce-mbox .epr-emoji-img,
|
|
|
|
|
.chatwindow-wrapper .rce-mbox .epr-emoji-native
|
|
|
|
|
{
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
