AkkomaGang/akkoma-fe
5
13
Fork 64
Code Issues 82 Pull requests 20 Projects Releases 1 Wiki Activity

Fix mfm-position and mfm-scale
All checks were successful
ci/woodpecker/pr/woodpecker Pipeline was successful
Details

Browse source 
The `span`'s needed an inline-block for the transform to wrok
I also added an `overflow: hidden;` because these functions can make the text go beyond the borders of the StatusBody
With `overflow: hidden;`, it won't show outside of the borders
This commit is contained in:
ilja 2024-08-10 13:13:47 +02:00
parent ba4ae5badb
commit f5f9949253
2 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/status_body/status_body.scss
View file

@ -3,6 +3,7 @@
.StatusBody { .StatusBody {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden;
.translation { .translation {
border: 1px solid var(--accent, $fallback--link); border: 1px solid var(--accent, $fallback--link);

2
src/components/status_content/mfm.scss
View file

@ -125,10 +125,12 @@
} }
.mfm-position { .mfm-position {
display: inline-block;
transform: translate(calc(var(--mfm-x, 0) * 1em), calc(var(--mfm-y, 0) * 1em)); transform: translate(calc(var(--mfm-x, 0) * 1em), calc(var(--mfm-y, 0) * 1em));
} }
.mfm-scale { .mfm-scale {
display: inline-block;
transform: scale(var(--mfm-x, 1), var(--mfm-y, 1)); transform: scale(var(--mfm-x, 1), var(--mfm-y, 1));
} }