client: fix MFM overflow

closes FoundKeyGang/FoundKey#397

Changelog: Fixed
This commit is contained in:
Johann150 2023-06-21 23:25:16 +02:00
parent 693dd3ad97
commit f7904a240a
Signed by untrusted user: 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 { .wrpstxzv {
padding: 16px 32px; padding: 16px 32px;
font-size: 0.9em; font-size: 0.9em;
overflow: clip;
&.max-width_450px { &.max-width_450px {
padding: 14px 16px; padding: 14px 16px;

View file

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

View file

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