You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
289 lines
7.8 KiB
CSS
289 lines
7.8 KiB
CSS
@font-face {
|
|
font-family: 'Noto Sans';
|
|
src: url('/src/assets/noto-sans.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.0.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.1.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.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.3.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.4.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.5.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.6.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 .h-parent .ant-layout-side-children, .chatwindow-wrapper .h-inherit{
|
|
height: inherit;
|
|
}
|
|
.chatwindow-wrapper .ant-input-textarea-show-count .ant-input-data-count{
|
|
bottom: 0;
|
|
}
|
|
.chatwindow-wrapper .rce-container-mbox .rce-mbox{
|
|
/* max-width: 500px; */
|
|
max-width: 70%;
|
|
}
|
|
.chatwindow-wrapper .rce-citem {
|
|
background: transparent;
|
|
height: auto;
|
|
min-height: 72px;
|
|
}
|
|
.chatwindow-wrapper .bg-transparent .rce-mbox{
|
|
background: unset;
|
|
/* box-shadow: none; */
|
|
}
|
|
.chatwindow-wrapper .rce-mbox{
|
|
margin-left: 10px;
|
|
margin-right: 5px;
|
|
}
|
|
.chatwindow-wrapper .rce-mbox.rce-mbox-right{
|
|
margin-left: 5px;
|
|
margin-right: 10px;
|
|
}
|
|
.chatwindow-wrapper .rce-mbox.rce-mbox--clear-notch{
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
.chatwindow-wrapper .bg-transparent .rce-mbox-left-notch,
|
|
.chatwindow-wrapper .bg-transparent .rce-mbox-right-notch
|
|
{
|
|
fill: transparent;
|
|
}
|
|
.chatwindow-wrapper .rce-mbox-time-block{
|
|
/* background: linear-gradient(0deg,#00000014,#0000); */
|
|
background: unset;
|
|
color: #00000073;
|
|
}
|
|
.chatwindow-wrapper .rce-mbox-text .emoji-text,
|
|
.chatwindow-wrapper .rce-mbox-time,
|
|
.chatwindow-wrapper .referrer-msg,
|
|
.chatwindow-wrapper .rce-mbox-reply-message,
|
|
.chatwindow-wrapper .emoji,
|
|
.chatwindow-wrapper .epr-emoji-native,
|
|
.chatwindow-wrapper .ant-input-textarea-affix-wrapper.ant-input-affix-wrapper >textarea.ant-input
|
|
{
|
|
font-family: 'Open Sans', 'Noto Sans',"Noto Color Emoji", 'Apple Color Emoji', 'Twemoji Mozilla', 'Segoe UI Emoji', 'Segoe UI Symbol', 'EmojiOne Color', 'Android Emoji', Arial, sans-serif!important;
|
|
font-weight: 400;
|
|
}
|
|
.chatwindow-wrapper .failed-msg .rce-mbox-forward{
|
|
/* transform: rotateY(180deg); */
|
|
color: #b91c1c;
|
|
}
|
|
.chatwindow-wrapper .rce-mbox-text a{
|
|
color: #4f81a1;
|
|
}
|
|
.chatwindow-wrapper .rce-mbox-text:after{
|
|
content: none;
|
|
}
|
|
.chatwindow-wrapper .rce-mbox-photo--img img{
|
|
/* width: auto; */
|
|
max-width: 100%;
|
|
object-fit: contain;
|
|
}
|
|
.chatwindow-wrapper .failed-msg .rce-mbox-photo--img,
|
|
.chatwindow-wrapper .failed-msg .rce-mbox-video--video
|
|
{
|
|
filter: blur(2px) opacity(0.7);
|
|
}
|
|
.chatwindow-wrapper .rce-mbox-photo .rce-mbox-text{
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
margin: unset;
|
|
max-width: unset;
|
|
}
|
|
.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-citem-avatar{
|
|
border-bottom: 1px solid #0000000d;
|
|
padding-left: 0;
|
|
}
|
|
.chatwindow-wrapper .rce-avatar-letter{
|
|
margin-top: 0;
|
|
/* margin-left: 5px; */
|
|
padding: 5px;
|
|
/* justify-content: flex-start; */
|
|
justify-content: center;
|
|
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.epr-main.EmojiPickerReact{
|
|
border: none;
|
|
}
|
|
.chatwindow-wrapper .rce-mbox .epr-emoji-img,
|
|
.chatwindow-wrapper .rce-mbox .epr-emoji-native
|
|
{
|
|
display: inline-block;
|
|
}
|
|
.chatwindow-wrapper .rce-mbox-file>button{
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
.chatwindow-wrapper .rce-mbox-file>button>.rce-mbox-file--text{
|
|
color: rgba(0, 0, 0, 0.78);
|
|
word-wrap: break-word;
|
|
overflow-wrap: break-word;
|
|
overflow: unset;
|
|
text-overflow: unset;
|
|
white-space: unset;
|
|
}
|
|
|
|
.chatwindow-wrapper .rce-mbox-reply-message{
|
|
max-width: unset;
|
|
overflow: unset;
|
|
text-overflow: unset;
|
|
white-space: unset;
|
|
}
|
|
|
|
/** Chat history ------------------------------------------------------------------------------------ */
|
|
/* .chathistory-wrapper .rce-mbox-time {
|
|
user-select: auto;
|
|
-webkit-user-select: auto;
|
|
-moz-user-select: auto;
|
|
}*/
|
|
|
|
@-webkit-keyframes message-box-default-focus-x {
|
|
from {
|
|
background-color: #fff;
|
|
}
|
|
to {
|
|
background-color: #ece5dd;
|
|
}
|
|
}
|
|
@keyframes message-box-default-focus-x {
|
|
from {
|
|
background-color: #fff;
|
|
}
|
|
to {
|
|
background-color: #ece5dd;
|
|
}
|
|
}
|
|
|
|
.chatwindow-wrapper .message-box-focus {
|
|
animation-iteration-count: 2;
|
|
-webkit-animation-iteration-count: 2;
|
|
-webkit-animation-duration: 2s;
|
|
animation-name: message-box-default-focus-x;
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
.chatwindow-wrapper .reply-wrapper .ant-tabs-nav {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.chatwindow-wrapper .reply-wrapper .ant-tabs-card >.ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card >div>.ant-tabs-nav .ant-tabs-tab-active{
|
|
background: #e5e7eb;
|
|
/* background: #f3f4f6; */
|
|
border-top: none;
|
|
border: 1px solid #a7f3d0;
|
|
border-top: none;
|
|
}
|
|
|
|
/**
|
|
* Mobile chat ------------------------------------------------------------------------------------
|
|
*/
|
|
.mobilechat-wrapper .rce-container-mbox .rce-mbox{
|
|
max-width: 320px;
|
|
}
|
|
.mobilechat-wrapper .rce-mtlink,
|
|
.mobilechat-wrapper .rce-mtlink-item{
|
|
min-width: unset;
|
|
}
|