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

Update style of composer format bar to match message action bar (#6351)

Browse source 
Signed-off-by: Robin Townsend <robin@robin.town>
This commit is contained in:
Robin Townsend 2021-10-20 11:19:54 -04:00 • committed by GitHub
parent 4b903b9fbd
commit 2ee732b84d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/views/rooms/MessageComposerFormatBar.tsx
View file

@ -66,8 +66,8 @@ export default class MessageComposerFormatBar extends React.PureComponent<IProps
this.setState({ visible: true });
const parentRect = this.formatBarRef.current.parentElement.getBoundingClientRect();
this.formatBarRef.current.style.left = `${selectionRect.left - parentRect.left}px`;
// 12 is half the height of the bar (e.g. to center it) and 16 is an offset that felt ok.
this.formatBarRef.current.style.top = `${selectionRect.top - parentRect.top - 16 - 12}px`;
// 16 is half the height of the bar (e.g. to center it) and 18 is an offset that felt ok.
this.formatBarRef.current.style.top = `${selectionRect.top - parentRect.top - 16 - 18}px`;
}
public hide(): void {
@ -103,8 +103,6 @@ class FormatButton extends React.PureComponent<IFormatButtonProps> {
return (
<AccessibleTooltipButton
element="button"
type="button"
onClick={this.props.onClick}
title={this.props.label}
tooltip={tooltip}