imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix width overflow in mini composer overflow menu (#7411)

Browse source
This commit is contained in:
Michael Telatynski 2021-12-23 12:01:21 +00:00 • committed by GitHub
parent f94bad7f0a
commit a9d1f6e616
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
res/css/views/rooms/_MessageComposer.scss
View file

@ -405,4 +405,12 @@ limitations under the License.
.mx_MessageComposer_Menu .mx_CallContextMenu_item { .mx_MessageComposer_Menu .mx_CallContextMenu_item {
display: flex; display: flex;
align-items: center; align-items: center;
max-width: unset;
width: 100%;
}
.mx_MessageComposer_Menu .mx_ContextualMenu {
min-width: 150px;
width: max-content;
padding: 5px 10px 5px 0;
} }

4
src/components/views/rooms/MessageComposer.tsx
View file

@ -605,10 +605,6 @@ export default class MessageComposer extends React.Component<IProps, IState> {
<ContextMenu <ContextMenu
onFinished={this.toggleButtonMenu} onFinished={this.toggleButtonMenu}
{...menuPosition} {...menuPosition}
menuPaddingRight={10}
menuPaddingTop={5}
menuPaddingBottom={5}
menuWidth={150}
wrapperClassName="mx_MessageComposer_Menu" wrapperClassName="mx_MessageComposer_Menu"
> >
{ buttons.map((button, index) => ( { buttons.map((button, index) => (