PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

[Backport staging] Fixed shield alignment on message Input (#12155)

Browse source 
Co-authored-by: Manan Sadana <manancodes.dev@gmail.com>
This commit is contained in:
ElementRobot 2024-01-18 18:26:27 +01:00 committed by GitHub
parent 9e16381a6e
commit 43b607f715
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/views/rooms/_MessageComposer.pcss
View file

@ -79,7 +79,9 @@ limitations under the License.
.mx_MessageComposer_composecontrols {
width: 100%;
}
.mx_MessageComposer_e2eIconWrapper {
height: 12px; /* Match the height of the E2E icon for alignment */
}
.mx_MessageComposer_e2eIcon.mx_E2EIcon {
position: absolute;
left: 20px;

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

@ -475,7 +475,9 @@ export class MessageComposer extends React.Component<IProps, IState> {
public render(): React.ReactNode {
const hasE2EIcon = Boolean(!this.state.isWysiwygLabEnabled && this.props.e2eStatus);
const e2eIcon = hasE2EIcon && (
<E2EIcon key="e2eIcon" status={this.props.e2eStatus!} className="mx_MessageComposer_e2eIcon" />
<div className="mx_MessageComposer_e2eIconWrapper">
<E2EIcon key="e2eIcon" status={this.props.e2eStatus!} className="mx_MessageComposer_e2eIcon" />
</div>
);
const controls: ReactNode[] = [];