tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Glitch] Fix uncontained text overflow in column header

Browse Source 
Port bff9f0eb6ddfec989a7f316dc7e9b0a7cc9b5086 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion 2026-06-10 14:03:47 +02:00 committed by Claire
parent 9917327511
commit 5893554a3a
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/flavours/glitch/components/column_header.tsx
View File

@ -272,7 +272,7 @@ export const ColumnHeader: React.FC<Props> = ({
{!backButton && hasIcon && (
<Icon id={icon} icon={iconComponent} className='column-header__icon' />
)}
{title}
<span className='column-header__text'>{title}</span>
</>
);

11
app/javascript/flavours/glitch/styles/mastodon/components.scss
View File

@ -4730,6 +4730,7 @@ a.status-card {
&__title-wrapper {
display: flex;
flex-grow: 1;
min-width: 0;
}
&__title {
@ -4745,9 +4746,7 @@ a.status-card {
background: transparent;
font: inherit;
text-align: start;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
min-width: 0;
&--with-back-button {
padding-inline-start: 0;
@ -4762,6 +4761,12 @@ a.status-card {
}
}
&__text {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.column-header__back-button {
flex: 1;
color: var(--color-text-brand);