techhub/mastodon
2
0
Fork 0
Code Activity

Fix line break in Read more button (#36216)

Browse Source
This commit is contained in:
diondiondion
2025-09-22 10:39:32 +02:00
committed by GitHub
parent a42258eca2
commit 9bd151808c
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/javascript/styles/mastodon/components.scss
View File

@@ -1413,7 +1413,6 @@
.status__content__translate-button { .status__content__translate-button {
display: flex; display: flex;
align-items: center; align-items: center;
width: min-content;
font-size: 15px; font-size: 15px;
line-height: 22px; line-height: 22px;
color: $highlight-text-color; color: $highlight-text-color;
@@ -1422,6 +1421,14 @@
padding: 0; padding: 0;
margin-top: 16px; margin-top: 16px;
text-decoration: none; text-decoration: none;
text-wrap: nowrap;
.status--is-quote & {
// Needed to prevent buttons from stretching across whole
// status width in Safari due to line-clamp
width: min-content;
white-space: nowrap;
}
&:hover, &:hover,
&:active { &:active {