matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-09 08:42:50 +03:00
Code Activity

[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
2 changed files with 6 additions and 2 deletions
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[] = [];