matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-13 08:02:38 +03:00
Code Activity

also blur the sticky headers

Browse Source 
added a DOM element so we can set the background on the parent and
the blur on the new element
This commit is contained in:
Bruno Windels
2020-07-03 16:50:01 +02:00
parent eb5f6de25f
commit 82e0816d86
3 changed files with 38 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/views/rooms/RoomSublist2.tsx
View File

@@ -311,20 +311,22 @@ export default class RoomSublist2 extends React.Component<IProps, IState> {
return (
<div className={classes}>
<div className='mx_RoomSublist2_stickable'>
<AccessibleButton
inputRef={ref}
tabIndex={tabIndex}
className={"mx_RoomSublist2_headerText"}
role="treeitem"
aria-level={1}
onClick={this.onHeaderClick}
>
<span className={collapseClasses} />
<span>{this.props.label}</span>
</AccessibleButton>
{this.renderMenu()}
{this.props.isMinimized ? null : badgeContainer}
{this.props.isMinimized ? null : addRoomButton}
<div className="mx_RoomSublist2_stickyHeaderBlur">
<AccessibleButton
inputRef={ref}
tabIndex={tabIndex}
className={"mx_RoomSublist2_headerText"}
role="treeitem"
aria-level={1}
onClick={this.onHeaderClick}
>
<span className={collapseClasses} />
<span>{this.props.label}</span>
</AccessibleButton>
{this.renderMenu()}
{this.props.isMinimized ? null : badgeContainer}
{this.props.isMinimized ? null : addRoomButton}
</div>
</div>
{this.props.isMinimized ? badgeContainer : null}
{this.props.isMinimized ? addRoomButton : null}