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 && ( {!backButton && hasIcon && (
<Icon id={icon} icon={iconComponent} className='column-header__icon' /> <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 { &__title-wrapper {
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
min-width: 0;
} }
&__title { &__title {
@ -4745,9 +4746,7 @@ a.status-card {
background: transparent; background: transparent;
font: inherit; font: inherit;
text-align: start; text-align: start;
text-overflow: ellipsis; min-width: 0;
overflow: hidden;
white-space: nowrap;
&--with-back-button { &--with-back-button {
padding-inline-start: 0; padding-inline-start: 0;
@ -4762,6 +4761,12 @@ a.status-card {
} }
} }
&__text {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.column-header__back-button { .column-header__back-button {
flex: 1; flex: 1;
color: var(--color-text-brand); color: var(--color-text-brand);