mirror of
https://github.com/glitch-soc/mastodon.git
synced 2026-03-29 03:00:33 +02:00
[Glitch] Remove column header button
Port c7e90ee67a to glitch-soc
Co-authored-by: diondiondion <mail@diondiondion.com>
Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
@@ -267,6 +267,15 @@ export const ColumnHeader: React.FC<Props> = ({
|
||||
const hasTitle = (hasIcon || backButton) && title;
|
||||
const columnIndex = useColumnIndexContext();
|
||||
|
||||
const titleContents = (
|
||||
<>
|
||||
{!backButton && hasIcon && (
|
||||
<Icon id={icon} icon={iconComponent} className='column-header__icon' />
|
||||
)}
|
||||
{title}
|
||||
</>
|
||||
);
|
||||
|
||||
const component = (
|
||||
<div className={wrapperClassName}>
|
||||
<h1 className={buttonClassName}>
|
||||
@@ -274,21 +283,25 @@ export const ColumnHeader: React.FC<Props> = ({
|
||||
<>
|
||||
{backButton}
|
||||
|
||||
<button
|
||||
onClick={handleTitleClick}
|
||||
className='column-header__title'
|
||||
type='button'
|
||||
id={getColumnSkipLinkId(columnIndex)}
|
||||
>
|
||||
{!backButton && hasIcon && (
|
||||
<Icon
|
||||
id={icon}
|
||||
icon={iconComponent}
|
||||
className='column-header__icon'
|
||||
/>
|
||||
)}
|
||||
{title}
|
||||
</button>
|
||||
{onClick && (
|
||||
<button
|
||||
onClick={handleTitleClick}
|
||||
className='column-header__title'
|
||||
type='button'
|
||||
id={getColumnSkipLinkId(columnIndex)}
|
||||
>
|
||||
{titleContents}
|
||||
</button>
|
||||
)}
|
||||
{!onClick && (
|
||||
<span
|
||||
className='column-header__title'
|
||||
tabIndex={-1}
|
||||
id={getColumnSkipLinkId(columnIndex)}
|
||||
>
|
||||
{titleContents}
|
||||
</span>
|
||||
)}
|
||||
</>
|
||||
)}
|
||||
|
||||
|
||||
@@ -4695,7 +4695,6 @@ a.status-card {
|
||||
border: 1px solid var(--color-border-primary);
|
||||
border-radius: 4px 4px 0 0;
|
||||
flex: 0 0 auto;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
outline: 0;
|
||||
|
||||
Reference in New Issue
Block a user