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

Refectored Message comp

Browse source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2021-11-20 13:29:32 +05:30
parent f628a6c3d6
commit 7e7a5e692e
11 changed files with 453 additions and 530 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -47,7 +47,7 @@
.message {
&--full + &--full,
&--content-only + &--full,
&--body-only + &--full,
& + .timeline-change,
.timeline-change + & {
margin-top: var(--sp-normal);
@ -66,7 +66,7 @@
}
&__header,
&__content > div {
&__body > div {
margin: var(--sp-ultra-tight) 0;
margin-right: var(--sp-extra-tight);
height: var(--fs-b1);
@ -82,20 +82,20 @@
}
}
}
&__content {
&__body {
display: flex;
flex-wrap: wrap;
}
&__content > div:nth-child(1n) {
&__body > div:nth-child(1n) {
max-width: 10%;
}
&__content > div:nth-child(2n) {
&__body > div:nth-child(2n) {
max-width: 50%;
}
}
.message__reply,
.message__content,
.message__body,
.message__edit,
.message__reactions {
max-width: calc(100% - 88px);
@ -153,7 +153,7 @@
height: 14px;
}
}
.message__content {
.message__body {
word-break: break-word;
& > .text > * {
@ -265,7 +265,7 @@
}
// markdown formating
.message__content {
.message__body {
& h1,
& h2 {
color: var(--tc-surface-high);
@ -403,7 +403,7 @@
}
.message.message--type-emote {
.message__content {
.message__body {
font-style: italic;
// Remove blockness of first `<p>` so that markdown emotes stay on one line.