Unread indicator was invisible behind column header, adjusted (#3720)
* Unread indicator was invisible behind column header, adjusted * Unread indicator now a CSS pseudo-element * Adjust flex
This commit is contained in:
parent
0d23c81662
commit
37dbfa4cd7
4 changed files with 32 additions and 30 deletions
app/javascript/mastodon/components
|
@ -57,6 +57,10 @@ class ColumnHeader extends React.PureComponent {
|
|||
const { title, icon, active, children, pinned, onPin, multiColumn, showBackButton } = this.props;
|
||||
const { collapsed, animating } = this.state;
|
||||
|
||||
const wrapperClassName = classNames('column-header__wrapper', {
|
||||
'active': active,
|
||||
});
|
||||
|
||||
const buttonClassName = classNames('column-header', {
|
||||
'active': active,
|
||||
});
|
||||
|
@ -116,7 +120,7 @@ class ColumnHeader extends React.PureComponent {
|
|||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div className={wrapperClassName}>
|
||||
<div role='button heading' tabIndex='0' className={buttonClassName} onClick={this.handleTitleClick}>
|
||||
<i className={`fa fa-fw fa-${icon} column-header__icon`} />
|
||||
{title}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue