client: fix MFM overflow
Some checks failed
ci/woodpecker/push/lint-foundkey-js Pipeline was successful
ci/woodpecker/push/lint-client Pipeline failed
ci/woodpecker/push/lint-backend Pipeline failed
ci/woodpecker/push/build Pipeline was successful
ci/woodpecker/push/lint-sw Pipeline failed
ci/woodpecker/push/test Pipeline failed

closes #397

Changelog: Fixed
This commit is contained in:
Johann150 2023-06-21 23:25:16 +02:00
parent 693dd3ad97
commit f7904a240a
Signed by: Johann150
GPG key ID: 9EE6577A2A06F8F1
3 changed files with 7 additions and 0 deletions

View file

@ -53,6 +53,7 @@ const replies: foundkey.entities.Note[] = props.conversation?.filter(item => ite
.wrpstxzv {
padding: 16px 32px;
font-size: 0.9em;
overflow: clip;
&.max-width_450px {
padding: 14px 16px;

View file

@ -390,6 +390,7 @@ if (appearNote.replyId) {
> .article {
padding: 32px;
font-size: 1.1em;
overflow: clip;
> .header {
display: flex;
@ -450,6 +451,8 @@ if (appearNote.replyId) {
> .content {
> .text {
overflow-wrap: break-word;
position: relative;
z-index: -1;
> .reply {
color: var(--accent);

View file

@ -403,6 +403,7 @@ function focusAfter() {
> .article {
display: flex;
padding: 28px 32px 18px;
overflow: clip;
> .avatar {
flex-shrink: 0;
@ -483,6 +484,8 @@ function focusAfter() {
> .text {
overflow-wrap: break-word;
position: relative;
z-index: -1;
> .reply {
color: var(--accent);