mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-08 16:20:28 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Twemojified all text

Browse source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2021-11-23 11:56:02 +05:30
parent 9d0f99c509
commit 647d085c5f
18 changed files with 266 additions and 248 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/app/molecules/message/Message.scss
View file

@ -1,14 +1,5 @@
@use '../../atoms/scroll/scrollbar';
.custom-emoji {
height: var(--fs-b1);
margin: 0 !important;
margin-right: 2px !important;
padding: 0 !important;
position: relative;
top: 2px;
}
.message,
.ph-msg {
padding: var(--sp-ultra-tight) var(--sp-normal);
@ -116,10 +107,6 @@
display: flex;
align-items: baseline;
& img.emoji {
@extend .custom-emoji;
}
& .message__profile {
min-width: 0;
color: var(--tc-surface-high);
@ -155,10 +142,6 @@
}
}
.message__reply {
& img.emoji {
@extend .custom-emoji;
height: 14px;
}
.text {
color: var(--tc-surface-low);
white-space: nowrap;
@ -172,18 +155,10 @@
}
.message__body {
word-break: break-word;
& > .text > * {
white-space: pre-wrap;
}
& a {
word-break: break-word;
}
& img.emoji,
& img[data-mx-emoticon] {
@extend .custom-emoji;
}
& span[data-mx-pill] {
background-color: hsla(0, 0%, 64%, 0.15);
padding: 0 2px;
@ -194,6 +169,13 @@
background-color: hsla(0, 0%, 64%, 0.3);
color: var(--tc-surface-high);
}
&[data-mx-ping] {
background-color: var(--bg-ping);
&:hover {
background-color: var(--bg-ping-hover);
}
}
}
& span[data-mx-spoiler] {
@ -257,7 +239,7 @@
border-radius: 4px;
cursor: pointer;
& .emoji {
& .react-emoji {
width: 14px;
height: 14px;
margin: 2px;
@ -266,7 +248,7 @@
margin: 0 var(--sp-ultra-tight);
color: var(--tc-surface-normal)
}
&-tooltip .emoji {
&-tooltip .react-emoji {
width: 14px;
height: 14px;
margin: 0 var(--sp-ultra-tight);