natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

reply line fixes

This commit is contained in:
Freeplay 2023-06-17 16:35:11 -04:00
parent e0c7c8f49d
commit 24390f1d99
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/client/src/components/MkNote.vue
View File

@ -619,10 +619,11 @@ defineExpose({
.line::before { .line::before {
content: ""; content: "";
display: block; display: block;
margin-bottom: -10px; margin-bottom: -4px;
margin-top: 16px; margin-top: 16px;
border-left: 2px solid var(--X13); border-left: 2px solid currentColor;
margin-left: calc((var(--avatarSize) / 2) - 1px); margin-left: calc((var(--avatarSize) / 2) - 1px);
opacity: .25;
} }
} }
} }

9
packages/client/src/components/MkNoteSub.vue
View File

@ -431,6 +431,7 @@ function noteClick(e) {
> .avatar-container { > .avatar-container {
margin-right: 8px; margin-right: 8px;
z-index: 2;
> .avatar { > .avatar {
flex-shrink: 0; flex-shrink: 0;
display: block; display: block;
@ -651,10 +652,11 @@ function noteClick(e) {
flex-grow: 1; flex-grow: 1;
margin-bottom: -10px; margin-bottom: -10px;
pointer-events: none; pointer-events: none;
opacity: .25;
&::before { &::before {
content: ""; content: "";
position: absolute; position: absolute;
border-left: 2px solid var(--X13); border-left: 2px solid currentColor;
margin-left: calc((var(--avatarSize) / 2) - 1px); margin-left: calc((var(--avatarSize) / 2) - 1px);
width: calc(var(--indent) / 2); width: calc(var(--indent) / 2);
inset-block: 0; inset-block: 0;
@ -692,11 +694,12 @@ function noteClick(e) {
z-index: 2; z-index: 2;
left: 0; left: 0;
top: 0; top: 0;
opacity: .25;
&::after { &::after {
content: ""; content: "";
position: absolute; position: absolute;
border-left: 2px solid var(--X13); border-left: 2px solid currentColor;
border-bottom: 2px solid var(--X13); border-bottom: 2px solid currentColor;
margin-left: calc((var(--avatarSize) / 2) - 1px); margin-left: calc((var(--avatarSize) / 2) - 1px);
width: calc(var(--indent) / 2); width: calc(var(--indent) / 2);
height: calc((var(--avatarSize) / 2)); height: calc((var(--avatarSize) / 2));