Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Stop stealing style rules for the options button on ThreadList #8777

Closed
wants to merge 6 commits into from
Closed

Stop stealing style rules for the options button on ThreadList #8777

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
d22ebb8
Stop stealing style rules for the options button on ThreadList
luixxiul Jun 7, 2022
13534aa
Merge branch 'develop' into ThreadListContextMenu
luixxiul Jun 8, 2022
e77a887
Merge branch 'develop' into ThreadListContextMenu
luixxiul Jun 8, 2022
0fdb6a5
yarn run lint:style --fix
luixxiul Jun 8, 2022
663ebba
Merge branch 'develop' into ThreadListContextMenu
luixxiul Jun 8, 2022
fdf8146
Merge branch 'develop' into ThreadListContextMenu
luixxiul Jun 10, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 14 additions & 4 deletions res/css/views/right_panel/_ThreadPanel.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,17 +68,27 @@ limitations under the License.
color: $secondary-content;
}

.mx_MessageActionBar_optionsButton {
.mx_ThreadsListContextMenu_optionsButton {
position: relative;
}

.mx_MessageActionBar_maskButton {
width: var(--ThreadPanel_header-button-size);
height: var(--ThreadPanel_header-button-size);

&::after {
content: '';
position: absolute;
inset-block-start: 0;
inset-inline-start: 0;
height: 100%;
width: 100%;
mask-repeat: no-repeat;
mask-position: center;
mask-size: var(--ThreadPanel_header-button-size);
mask-image: url("$(res)/img/element-icons/message/overflow-large.svg");
background-color: $secondary-content;
}

&:hover::after {
background-color: $primary-content;
}
}

Expand Down
2 changes: 1 addition & 1 deletion src/components/views/context_menus/ThreadListContextMenu.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@ const ThreadListContextMenu: React.FC<IProps> = ({
return <React.Fragment>
<ContextMenuTooltipButton
{...props}
className="mx_MessageActionBar_maskButton mx_MessageActionBar_optionsButton"
className="mx_ThreadsListContextMenu_optionsButton"
onClick={openMenu}
title={_t("Thread options")}
isExpanded={menuDisplayed}
Expand Down