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.
212 lines
5.6 KiB
CSS
212 lines
5.6 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;
|
|
}
|
|
.chatwindow-wrapper .rce-citem {
|
|
background: transparent;
|
|
}
|
|
.chatwindow-wrapper .bg-transparent .rce-mbox{
|
|
background: unset;
|
|
/* box-shadow: none; */
|
|
}
|
|
.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 .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;
|
|
font-weight: 400;
|
|
}
|
|
.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;
|
|
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-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;
|
|
}
|
|
|
|
/** 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: 1s;
|
|
animation-name: message-box-default-focus-x;
|
|
animation-duration: 1s;
|
|
}
|