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

added reply support

Browse source
This commit is contained in:
unknown 2021-08-11 13:29:01 +05:30
parent 109e2fa82d
commit 717ffe560f
9 changed files with 208 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -8,6 +8,9 @@
&:hover {
background-color: var(--bg-surface-hover);
& .message__options {
display: flex;
}
}
[dir=rtl] & {
@ -21,8 +24,7 @@
padding-top: 6px;
}
&__avatar-container,
&__profile {
&__avatar-container{
margin-right: var(--sp-tight);
[dir=rtl] & {
@ -36,6 +38,8 @@
&__main-container {
flex: 1;
min-width: 0;
position: relative;
}
}
@ -49,9 +53,6 @@
&__avatar-container {
width: var(--av-small);
}
&__edited {
color: var(--tc-surface-low);
}
}
.ph-msg {
@ -106,6 +107,12 @@
flex: 1;
min-width: 0;
color: var(--tc-surface-high);
margin-right: var(--sp-tight);
[dir=rtl] & {
margin-left: var(--sp-tight);
margin-right: 0;
}
& > .text {
color: inherit;
@ -144,6 +151,9 @@
& a {
word-break: break-all;
}
&-edited {
color: var(--tc-surface-low);
}
}
.message__reactions {
display: flex;
@ -205,6 +215,22 @@
}
}
}
.message__options {
position: absolute;
top: 0;
right: 60px;
transform: translateY(-50%);
border-radius: var(--bo-radius);
box-shadow: var(--bs-surface-border);
background-color: var(--bg-surface-low);
display: none;
[dir=rtl] & {
left: 60px;
right: unset;
}
}
// markdown formating
.message__content {