hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

compensate for reply indicator width

Browse source
This commit is contained in:
Henry Jameson 2026-07-23 14:18:56 +03:00
commit 1c69563b10
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/chat_message/chat_message.scss
View file

@ -126,20 +126,26 @@
align-items: flex-start; align-items: flex-start;
} }
.end-spacer {
flex: 1 1 0;
min-width: calc(2.2rem + 0.5rem + 2rem);
}
.reply-indicator { .reply-indicator {
display: flex; display: flex;
place-items: center; place-items: center;
place-content: center; place-content: center;
padding: 0.25em; padding: 0.25em;
width: 1em;
margin: var(--roundness) 0; margin: var(--roundness) 0;
background: var(--border); background: var(--border);
border-radius: var(--roundness); border-radius: var(--roundness);
border: 1px solid var(--border); border: 1px solid var(--border);
}
.end-spacer { + .end-spacer {
flex: 1 1 0; // Compensate for reply indicator
min-width: calc(2.2em + 0.5em + 2em); min-width: calc(2.2rem + 0.5rem + 2rem - (1rem + (1px + 0.25rem) * 2));
}
} }
&.-incoming { &.-incoming {